当前阅读教程:Vue.JS入门教程 > Vue.delete | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: Vue.set | 下一篇: Vue.js中Ajax(Axios) |
Vue.delete Vue.delete 用于删除动态添加的属性 语法格式: Vue.delete( target, key ) 参数说明: l target: 可以是对象或数组 l key : 可以是字符串或数字 实例 <div id = "app"> <p style = "font-size:25px;">计数器: {{ products.id }}</p> <button @click = "products.id++" style = "font-size:25px;">点我</button> </div> <script type = "text/javascript"> var myproduct = {"id":1, name:"book", "price":"20.00"}; var vm = new Vue({ el: '#app', data: { products: myproduct } }); Vue.delete(myproduct, 'price'); console.log(vm); vm.$watch('products.id', function(nval, oval) { alert('计数器值的变化 :' + oval + ' 变为 ' + nval + '!'); }); </script> 以上实例中我们使用 Vue.delete 来删除 price 属性。以下是控制台输出结果: 从上图输出结果中,我们可以看到 price 属性已删除,只剩下了 id 和 name 属性,price 属性的 get/set 方法也已删除。 |
|
上一篇: Vue.set | 下一篇: Vue.js中Ajax(Axios) |