v-model.trim的使用方法

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

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

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

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>

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