养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

v-model.trim的使用方法

时间:2024-09-25 23:19:34

v-model的修饰符,一般用于控制数据同步的时机.trim自动过滤输入内容最开始和最后的空格,中间的会保留一个空格,多的会被过滤掉

工具/原料

开发工具:Visualstadio或VSCode

开发语言:Javascript插件Vue.js

方法/步骤

1、新建一个js文件命名为vue闸拊福律2.6.mini.js,并放入script文件夹中如下图所示:并复制剧安颌儿如下链接地址的内容到新建的vue2.6.mini.js文件中链接地址:https://cdn.jsdelivr.net/npm/vue/dist/vue.js

v-model.trim的使用方法

2、新建一个html文件,命名为te衡痕贤伎st.html,并将以下代码内容复制到文件中如下图所示:<divid="app&鳎溻趄酃quot;><inputtype="text"v-model.trim="val"><p>{{val}}</p></div><scriptsrc="script/vue2.6.mini.js"></script><script>varapp=newVue({el:"#app",data:{val:""}})</script>

v-model.trim的使用方法

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

v-model.trim的使用方法

© 一点知识