vue监听select的变化

最新推荐文章于 2024-06-03 11:37:01 发布

zongzi_494

最新推荐文章于 2024-06-03 11:37:01 发布

阅读量1.9k

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/zongzi494/article/details/122222500

版权

该博客讨论了在Vue中如何处理动态新增属性的变化问题。通过使用$set方法，可以确保Vue能够监听到这些变化，例如在el-select组件中，通过v-model和@change事件结合$set，实现对form对象中动态属性的更新。示例代码展示了在表单元素中应用这一技巧。

摘要由CSDN通过智能技术生成

vue 无法监听动态新增的属性的变化, 你需要用 $set 来为这些属性赋值.

<el-select :value="form[item.valueName]" @change="$set(form, item.valueName, $event)">

<el-form-item label="问题类型" prop="problemType">
            <el-select v-model="formInfo4.problemType" placeholder="请选择" clearable filterable @change="$set(formInfo4, formInfo4.problemType, $event)">
              <el-option v-for="item in listTypeInfo.userList6" :key="item.value" :label="item.key" :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>