VUE input v-model 导致无法输入

最新推荐文章于 2024-05-02 14:29:26 发布

修复bug

最新推荐文章于 2024-05-02 14:29:26 发布

阅读量1.1k

点赞数

文章标签： vue.js 前端 javascript

原文链接：https://blog.csdn.net/qq_42789677/article/details/124413329?app_version=5.15.0&csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22124413329%22%2C%22source%22%3A%22m0_71349739%22%7D&utm_source=app

版权

使用vue时，当对v-model的数据进行了绑定以后，会发现无法再修改输入框的的数据，使用this.$set()可以解决这个问题

this.$set(obj, key, value)/vue.set(obj, key, value)

// 显示对话框-修改信息
    async showEditDialog(id, name, phone, sex, age){
      this.$set(this.editForm, "id", id)
      this.$set(this.editForm, "name", name)
      this.$set(this.editForm, "id", phone)
      this.$set(this.editForm, "name", sex)
      this.$set(this.editForm, "id", age)
  <span class="token comment">//this.editForm.id = id;  </span>
  <span class="token comment">//this.editForm.name = name;  </span>
  <span class="token comment">//this.editForm.phone = phone; </span>
  <span class="token comment">//this.editForm.sex = sex; </span>
  <span class="token comment">//this.editForm.age = age; </span>
  <span class="token keyword">this</span><span class="token punctuation">.</span>editDialogVisible <span class="token operator">=</span> <span class="token boolean">true</span><span class="token punctuation">;</span> <span class="token comment">// 开启对话框-修改信息</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>