如何解决vue $index报错问题


当前第2页 返回上一页

代码如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<script>

    window.onload = function () {

        new Vue({

            el : "#app",

            data : {

                arr : ["apple", "pear", "banana", "watermelon", "strawberry"],

                json: {"a": "apple", "b":"pear", "c": "banana", "d": "watermelon"}

            },

            methods : {

                add : function () {

                    this.arr.push("pear");

                }

            }

        });

    }

</script>

<div id = "app">

    <!-- 对象  : (值 , 键 , 序号), 顺序是固定的 -->

    <h2>json数据类型</h2>

    <ul v-for = "(value, key, index) in json">

        <li> {{value}} ~ {{key}} ~ {{index}}</li>

    </ul>

    <!-- 数组 : (值 ,序号 ), 顺序是固定的 -->

    <h2>arr数组类型</h2>

    <ul v-for = "(value, index) in arr">

        <li>{{value}} ~ {{index}}</li>

    </ul>

</div>

以上就是如何解决vue $index报错问题的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

$nexttick vs settimeout,看看它们的差异

vue哪一年出来的

html字符串转换为html标签并使用

vue收费的吗

vue如何实现局部刷新?(代码示例)

vue首页为什么会渲染两次?原因和解决方法介绍

click在vue里怎么实现

10个关于路由vue-router的vuejs面试题(含答案解析)

vue常用的组件通信方式

vuex有什么用?

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...