问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

在v-if中使用数组里面的值来判断

头像
Vision
    27495274
    <div v-if="arr[0].show==true">显示</div>


export default {
    data(){
        return {
            arr:[{
               show:false
            },{
               show:false
            }]
        }    
    }
}

    如上面那样会报错，有办法用这种方式来判断吗

    vue.js
    阅读 13.5k
    2 个回答
    得票最新
    头像
    luozz
      5.8k3629

      你直接复制粘贴打开试试，是这样么？：

      <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>tab</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
    <div id="app">
        <div v-if="arr[0].show">显示1</div>
        <div v-if="arr[1].show">显示2</div>
    </div>
    <script type="text/javascript">
        new Vue({
            el: '#app',
            data: {
                arr: [{
                    show: true
                }, {
                    show: false
                }]
            }
        })
    </script>
</body>
</html>
      头像
      蓝苏格
        1
        新手上路，请多包涵

        你应该是其他地方哪儿写错了吧 可以这样的啊 v-if="arr[0].show" / v-if="arr[0].show == true" / v-if="arr[0].show === true" 这三种方式写判断都能达到显示的效果啊

        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题