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

Js修改input值后怎么同步修改绑定的v-model值

时间:2024-10-04 09:23:39

在JavaScript中,如果修改了input输入框的值,怎么同步修改绑定的v-model值?

Js修改input值后怎么同步修改绑定的v-model值

工具/原料

vue.js

JavaScript

element

HBuilderX

截图工具

WPS

浏览器

方法/步骤

1、在已打开的HBuilderX工具中,下载和安装vue项目模板

Js修改input值后怎么同步修改绑定的v-model值

2、接着在src的components文件夹下,创建vue组件Dmk.vue

Js修改input值后怎么同步修改绑定的v-model值

3、利用elementui进行页面布局,插入两个el-input(input),使用v-model绑定变量

Js修改input值后怎么同步修改绑定的v-model值

4、在script标签中,data对象中初始化两个变量username和name

Js修改input值后怎么同步修改绑定的v-model值

5、添加watch函数方法,监听username变量改变,name也随之改变

Js修改input值后怎么同步修改绑定的v-model值

6、保存代码并运行项目,打开浏览器,查看页面效果并输入值,观察第二个输入框的变化

Js修改input值后怎么同步修改绑定的v-model值

© 一点知识