在JavaScript中,如果修改了input输入框的值,怎么同步修改绑定的v-model值?
工具/原料
vue.js
JavaScript
element
HBuilderX
截图工具
WPS
浏览器
方法/步骤
1、在已打开的HBuilderX工具中,下载和安装vue项目模板
2、接着在src的components文件夹下,创建vue组件Dmk.vue
3、利用elementui进行页面布局,插入两个el-input(input),使用v-model绑定变量
4、在script标签中,data对象中初始化两个变量username和name
5、添加watch函数方法,监听username变量改变,name也随之改变
6、保存代码并运行项目,打开浏览器,查看页面效果并输入值,观察第二个输入框的变化