vue.js中数据改变了,但是dom并没有渲染

虽然是数组,已经写了this.$set(),但是还是出现这个问题,而且我的vue.js的版本就是2.1.9.还有什么可能呢?

具体代码在这个链接 数据改变dom没有渲染的链接

阅读 9.1k
2 个回答

我只想问 代码呢?

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <div id="app">
        <ul>
            <li v-for="i in arr">{{ i }}</li>
        </ul>

        <button @click="change">change</button>
    </div>

    <script src="http://cdn.bootcss.com/vue/2.1.9/vue.min.js"></script>

    <script>
        new Vue({
            el: '#app',
            data() {
                return {
                    arr: [1, 2, 3]
                }
            },
            methods: {
                change() {
                    this.$set(this.arr, 1, this.arr[1] + 1)
                }
            }
        })
    </script>
</body>
</html>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题