Vue.set和Vue.delete属性的简单使用

来源：互联网发布：c语言顺序表的初始化编辑：程序博客网时间：2024/05/29 18:59

<body>    <div id = 'app'>        <ul v-for = '(value, key) in map'>            {{key}} - {{value}}        </ul>    </div>    <script type="text/javascript" src = 'https://cdn.bootcss.com/vue/2.5.8/vue.min.js'></script>    <script type="text/javascript">        var _vm = new Vue({            el : '#app',            data : {                map : {                    '01' : {id : 1, name : '大白菜'},                    '02' : {id : 2, name : '小白菜'}                }            }        }) ;        // 该方式不产生作用        // _vm.map['03'] = {        //  id : 3,        //  name : '胡萝卜'        // } ;        // 新增        Vue.set(_vm.map, '03', {            id : 3,            name : '胡萝卜'        }) ;        // 删除        // delete _vm.map['03'] ;        // Vue.delete(_vm.map, '03') ;    </script></body>

阅读全文

0 0