Vue 中的 set 方法（十五）

最新推荐文章于 2024-07-04 09:46:22 发布

Yee Jason

最新推荐文章于 2024-07-04 09:46:22 发布

阅读量482

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_38287952/article/details/88247311

版权

vue 专栏收录该内容

22 篇文章 2 订阅

订阅专栏

一、改变对象的值
Vue.set(vm.userInfo, "address", "beijing");
vm.$set(vm.userInfo, "address", "shanxi");
二、改变数组的值
Vue.set(vm.userInfo, 1, 6);
vm.$set(vm.userInfo, 3, 100);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue中的set方法</title>
    <script src="../vue.js"></script>
</head>
<body>
<div id="app">
    <div v-for="item of userInfo">
        {{item}}
    </div>
</div>
<script>
     var vm = new Vue({
         el: "#app",
         data: {
             userInfo: [1, 2, 3, 4, 5],
             userInfo: {
                 "address" : 'shanghai'
             }
         }
     });

     // 1、改变对象的值
     //Vue.set(vm.userInfo, "address", "beijing");
     //vm.$set(vm.userInfo, "address", "shanxi");
     // 2、改变数组的值
     // Vue.set(vm.userInfo, 1, 6);
     // vm.$set(vm.userInfo, 3, 100);
</script>
</body>
</html>