国内设计的企业网站,ui平面设计是做什么的,企业电子商务网站建设的必要性,重庆个人房源网1、v-model.lazy“xxx” 默认情况下#xff0c;v-model它是在每次输入数据时触发input事件来更新数据的 使用 .lazy 修饰符后#xff0c;当改变数据失去焦点-触发change事件来进行更新数据
2、v-model.numberxxx 它会自动将输入的值自动转成number 类型#x…1、v-model.lazy“xxx” 默认情况下v-model它是在每次输入数据时触发input事件来更新数据的 使用 .lazy 修饰符后当改变数据失去焦点-触发change事件来进行更新数据
2、v-model.numberxxx 它会自动将输入的值自动转成number 类型可以通过parseFloat转成数值则会自动转转不成功的返回原始asdf123 会自动开启 typenumber 类型 如果输入的值是数字开头会舍弃非数字后面的值 比如: 123aaaa123,转成的值为123
3、v-model.trim 去除左右空格
代码例子
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titlev-model修饰符 .lazy .number .trim/title
/head
body!--1、v-model.lazy“xxx”默认情况下v-model它是在每次输入数据时触发input事件来更新数据的使用 .lazy 修饰符后当改变数据失去焦点-触发change事件来进行更新数据2、v-model.numberxxx 它会自动将输入的值自动转成number 类型可以通过parseFloat转成数值则会自动转转不成功的返回原始asdf123会自动开启 typenumber 类型如果输入的值是数字开头会舍弃非数字后面的值比如: 123aaaa123,转成的值为123 3、v-model.trim 去除左右空格--div idapph3v-model.lazy触发change事件来更新/h3input v-model.lazymsg inputdoInput changedoChangespan{{msg}}/spanh3v-model.number转成number类型/h3input v-model.numbermsginput v-modelmsg typenumberspan输入的值的类型为{{typeof msg}}/spanh3v-model.trim 去除左右空格/h3input v-model.trimmsgspan{{msg}}值的长度{{msg.length}}/span/divscript src./node_modules/vue/dist/vue.global.js/scriptscript typetext/javascriptconst {createApp} Vue;const app createApp({data(){return {msg:}},methods:{doInput(event){console.log(doInput,event)},doChange(event){console.log(doChange,event)}}}).mount(#app);console.log(app:,app);/script
/body
/html
