v-model.trim的使用方法

2026-02-12 11:23:00

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的使用方法

猜你喜欢