vue v-for访问父作用域数据

在 v-for 块中,我们拥有对父作用域属性的完全访问权限。

在 v-for 块中,我们拥有对父作用域属性的完全访问权限。实例如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>学习 VUE 框架</title>
    <!-- 这里你可以使用 CDN 引入 vue库 -->
    <script type="text/javascript" src="../libs/vue-2.6/vue.js"></script>
</head>
<body>
<ul id="example-2">
    <li v-for="(item, index) in items">
        {{ parentMessage }} - {{ index }} - {{ item.message }}
    </li>
</ul>
<script type="text/javascript">
    var example2 = new Vue({
        el: '#example-2',
        data: {
            parentMessage: 'Parent',
            items: [
                { message: 'Foo' },
                { message: 'Bar' }
            ]
        }
    })
</script>
</body>
</html>

输出:

<ul id="example-2">
    <li>Parent - 0 - Foo</li>
    <li>Parent - 1 - Bar</li>
</ul>
学习,学习,再学习!学,然后知不足。 —— 列宁
1 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,请来信告知:hxstrive@outlook.com
公众号