Vue里set方法的应用

最新推荐文章于 2024-03-20 11:43:28 发布

Krlin_

最新推荐文章于 2024-03-20 11:43:28 发布

阅读量138

点赞数

分类专栏：学习文章标签： vue

原文链接：https://segmentfault.com/a/1190000021636720

版权

学习专栏收录该内容

93 篇文章 2 订阅

订阅专栏

一、应用在数组上
如下例中，是要实现vm.items[1] = ‘excess’

<body>
<div id="app">
    <ul>
        <li v-for="(item, index) in items">
            {{ index }} : {{ item }}
        </li>
    </ul>
</div>

<script>
let vm = new Vue({
    el: '#app',
    data: {
        items: ['a', 'b', 'c']
    },
    created() {
        this.$set(this.items, 1, 'excess')
    }
})
</script>
</body>

二、应用在对象上
如下例中，是要实现给object新增一个键值对{test: ‘newthing’}

<body>
<div id="app">
    <ul>
        <li v-for="(value, name) in object">
            {{ name }} : {{ value }}
        </li>
    </ul>
</div>

<script>
let vm = new Vue({
    el: '#app',
    data: {
        object: {
            title: 'How to do lists in Vue',
            author: 'Jane Doe',
            publishedAt: '2016-04-10'
        }
    },
    created() {
        this.$set(this.object, 'test', 'newthing')
    }
})
</script>
</body>

转载自https://segmentfault.com/a/1190000021636720

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Krlin_

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue里set方法的应用

一、应用在数组上如下例中，是要实现vm.items[1] = ‘excess’<body><div id="app"> <ul> <li v-for="(item, index) in items"> {{ index }} : {{ item }} </li> </ul></div><script>let vm = new V
复制链接

扫一扫