VUE框架下拉框值不能更改问题

ZZXC006C

已于 2023-03-10 15:11:41 修改

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： vue

于 2023-02-27 20:16:53 首次发布

本文链接：https://blog.csdn.net/weixin_49080355/article/details/129249063

文章描述了一个在Vue项目中遇到的问题，即下拉框可以打开但选择后值不更新。问题出在使用`Object.assign`将`param`的值赋给`param2`后，`param`引用了`param2`，导致Vue无法检测到`param`的变更。作者最终通过寻求帮助找到了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天遇到一个问题，下拉框可以点开，但是选择后值不变。

<el-form-item key="stared" :label="下拉框">
        <el-select
            v-model="param.type"
            :data="types"
            option-label="label"
            option-value="value"
            style="width: 140px;"
        ></el-select>
</el-form-item>

我在函数里面写了一个
this.param=Object.assign(this.param2,this.param)
这个虽然把param的值给到了param2,但是这个方法是把param的值都给到param2后把param2的地址给了param,现在param的地址指向了param2,所以VUE监听不到param的变化了，故下拉框怎么选择也不会改变值。
这个问题找了很久，后来还是找了大佬解决的。