v-model.trim用于去掉输入框内首尾空格 && @input只要输入的值变化了就会触发input

不念不忘少年蓝@ 2023-10-02 17:25 88阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            
        </style>
    </head>
    <body>
        <div id="app">
            <input type="text" v-model.trim='a' @input='add'>
            <p>{
       {a}}</p>
        </div>
        <script src="js/vue.js"></script>
        <script>
            var vue = new Vue({
          
                el:"#app",
                data:{
          
                    a: 100
                },
                methods:{
          
                    add() {
          
                        console.log(this.a)
                    }
                }
            })
        </script>
    </body>
    </html>

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5a2m5Lqu57yW56iL5omL6K6w_size_20_color_FFFFFF_t_70_g_se_x_16]

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5a2m5Lqu57yW56iL5omL6K6w_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/15f7d92359bb431d87b6552b3b086f97.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5a2m5Lqu57yW56iL5omL6K6w,size_20,color_FFFFFF,t_70,g_se,x_16

发表评论取消回复

表情：

评论列表（有 0 条评论，88人围观）

还没有评论，来说两句吧...

相关阅读

相关 input 输入完+值改变触发方法

使用属性oninput+onporpertychange即可控制 <input id="checkScore" type="text" oninput="checkS

末蓝、/ 2023年10月07日 10:32/ 0 赞/ 123 阅读

相关监听input、textarea输入框值变化

使用jquery的代码如下： $(document).on('focus', 'input', function() { /

刺骨的言语ヽ痛彻心扉/ 2023年10月06日 15:14/ 0 赞/ 170 阅读

相关 v-model.trim用于去掉输入框内首尾空格 && @input只要输入的值变化了就会触发input

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

不念不忘少年蓝@/ 2023年10月02日 17:25/ 0 赞/ 89 阅读

相关 Js实时监听input输入框值变化

<input oninput="OnInput (event)" onpropertychange="OnPropChanged (event)" >

￡神魔★判官ぃ/ 2023年06月05日 05:50/ 0 赞/ 28 阅读

相关 input框不能输入空格

<input class="item-input"

港控/mmm°/ 2023年02月17日 03:49/ 0 赞/ 29 阅读

相关 input输入框消除空格

<input type="text" onkeyup="value=value.replace(' ','')"/> 使用：οnkeyup="value=value.

旧城等待，/ 2023年01月18日 09:12/ 0 赞/ 25 阅读

相关输入框input

input输入框在ie下高度显示不正常，并且里面的文字内容不居中显示解决方法：可以具体看百度首页这里简单说下： <span> <i

深藏阁楼爱情的钟/ 2022年07月16日 01:47/ 0 赞/ 499 阅读

相关 Js（Jquery）实时监听input输入框值的变化

效果图 ![在这里插入图片描述][70] Js写法 <!DOCTYPE html> <html lang="en"> <head>

向右看齐/ 2022年05月09日 06:24/ 0 赞/ 3093 阅读

相关 Js/jQuery实时监听input输入框值变化

前言在做web开发时候很多时候都需要即时监听输入框值的变化，以便作出即时动作去引导浏览者增强网站的用户体验感。而采用onchange时间又往往是在输入框失去焦点（onb

淡淡的烟草味﹌/ 2021年09月14日 14:32/ 0 赞/ 582 阅读

相关 js实现实时监听input输入框值的变化

要想实现实时监听input输入框值的变化的效果，只需要让input元素监听两个事件：`input`和`propertychange`，然后调用对应的js监听函数即可。先使

痛定思痛。/ 2021年06月12日 20:36/ 0 赞/ 1782 阅读