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

不念不忘少年蓝@ 2023-10-02 17:25 3阅读 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 条评论，3人围观）

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

相关阅读

相关文本输入框＜input＞

(1)创建文本输入框文本输入框是获取用户输入的一种方便的方法。 `<input>` 标签规定用户可输入数据的输入字段。根据不同的 type 属性，输入字段有多种

小咪咪/ 2024年03月29日 15:46/ 0 赞/ 138 阅读

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

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

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

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

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

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

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

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

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

相关输入框input

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

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

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

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

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

相关 Form-input输入框

1、基本使用 v-model：绑定的值，string / number size：指定输入框的尺寸，除了默认的medium大小外，还提供了 large、small 和 mi

你的名字/ 2022年03月31日 19:11/ 0 赞/ 492 阅读

相关 input 输入框限制

只能输入数字和一个小数点转自： https://www.jianshu.com/p/c26bfb0dfd8d <label> 　　<input id="t

红太狼/ 2021年12月23日 00:23/ 0 赞/ 443 阅读

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

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

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

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

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

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