v-model.trim的使用方法

2025-12-12 21:12:16

1、新建一个js 文件 命名为 vue2.6.mini.js,并放入script文件夹中如下图所示:

并复制如下链接地址的内容到新建的vue2.6.mini.js文件中

链接地址:https://cdn.jsdelivr.net/npm/vue/dist/vue.js

v-model.trim的使用方法

2、新建一个html文件,命名为 test.html ,并将以下代码内容复制到文件中如下图所示:

   <div id="app">


        <input type="text" v-model.trim="val">
        {{ val }}
    </div>
    <script src="script/vue2.6.mini.js"></script>
    <script>
        var app = new Vue({
            el: "#app",
            data: {
                val: ""
            }
        })
    </script>

v-model.trim的使用方法

3、保存之后,直接双击打开 test.html 并通过浏览器浏览结果。

v-model.trim的使用方法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢