vue3如何直接修改reactive定义的变量

来自:网络
时间:2024-06-10
阅读:

vue3直接修改reactive定义变量

reactive定义的数组或者对象,不能直接赋值修改,否则定义的数据将失去响应性

可以通过Object.assign修改

let rowData = reactive({})
 
// 修改rowData的值
Object.assign(rowData, row)

vue批量修改reactive中的值

reactive声明响应式对象,但修改值会比较麻烦,比如

    <script setup>
        import {reactive} from 'vue';
        let obj = reactive({
            id:1,
            name:'张三',
            age:18
        })
        obj.id = 2;
        obj.name = '李四';
    </script>

但是不能直接赋值,这样会失去响应性

obj = {id:2,name:'李四'}

解决方法

使用Object.assign

obj = Object.assign(obj,{id:2,name:'李四'})

vue3如何直接修改reactive定义的变量

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持。

返回顶部
顶部