做宣传册模板的网站,图书宣传推广方案,腾讯云镜像安装wordpress,昆明学网站建设表单输入绑定
在前端处理表单时#xff0c;我们常常需要将表单输入框的内容同步给Javascript中相应的变量。手动连接绑定和更改事件监听器可能会很麻#xff0c;v-model 指令帮我们简化了这一步骤。
templateh3表单输入绑定/h3hr
inpu…表单输入绑定
在前端处理表单时我们常常需要将表单输入框的内容同步给Javascript中相应的变量。手动连接绑定和更改事件监听器可能会很麻v-model 指令帮我们简化了这一步骤。
templateh3表单输入绑定/h3hr
input typetext v-modelmessage pMessage is: {{ message }}/p/templatescriptexport default {data(){return{message:,}}}/script
运行结果 复选框 单一的复选框绑定布尔类型值。
templateh3表单输入绑定/h3hr
input typecheckbox idcheckbox v-modelchecked
label forcheckbox {{ checked }}/label/templatescriptexport default {data(){return{checked:true}}}/script
运行结果 修饰符 v-model 也提供了修饰符.lazy ,.number , .trim .lazy 默认情况下v-model 会在每次input事件后更新数据。可以添加lazy修饰符来改为在每次change事件后更新数据。
templateh3表单输入绑定/h3hr
input typetext v-model.lazymessage pMessage is: {{ message }}/p/templatescriptexport default {data(){return{message:,}}}/script
回车前 回车后
