做网站的域名,机械网站建设栏目内容,cms网站,网络舆情应对及处置方案1、lazy v-model 在每次 input 事件触发后将输入框的值与数据进行同步,也就是在失去焦点或者按下回车键时才更新
templatedivp.lazy修饰符/pinput typetext v-model.lazyvalp{{ val }}/ptemplatedivp.lazy修饰符/pinput typetext v-model.lazyvalp{{ val }}/p/div
/template
scriptexport default {data(){return{val:}}}
/script2、number .number 修饰符可以将 输入的值转化为Number类型 否则虽然你输入的是数字,但它的类型其实是String在数字输入框中比较有用
templatedivp.number修饰符/pinput typenumber v-model.numbervalp我的数据类型是{{ typeof(val) }}/p/div
/templatescriptexport default {data(){return{val:}}}
/script3、trim .trim 修饰符会自动过滤掉输入的首尾空格
templatedivp.trim修饰符/pinput typetext v-model.trimvalpval的长度是{{ val.length }}/p/div
/templatescriptexport default {data(){return{val:}}}
/scriptdiv idappinput typetext v-model.trimname name id value /span{{ name }}/span/divvar app new Vue({el: #app,data: {name:}})
