ok改成false还是显示h1标签

<template>
    <div>
        <div>条件渲染</div>
        <div>-------------------------------------------------------------</div>
        <h1 v-if="ok">Yes</h1>
    </div>
</template>
<script>
    export default {
        data(){
            return{
                ok : false
            }
        }
    }
</script>

WebSaber 2019-11-14

源自：Vue基础详解 2-10 条件渲染

收起

2回答

好帮手慕夭夭 2019-11-14 19:34:06

同学你好，老师这边测试你的代码，是没有问题的。原因可能有两个，如下：

1 与index.vue的后缀没有什么关系，可能是项目中webpack配置出现问题，建议同学下载课程源码，把你的代码放在源码中测试一下。如果没有问题，那同学就直接使用源码中的配置。

源码中的配置都在如下build中：

2.如果使用源码测试还有问题，那可能就是同学的电脑太卡了。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

收起回答

提问者 WebSaber 2019-11-14 18:04:37

突然就好了不知道啥情况

收起回答

提问者 WebSaber #1

改成true又没反应要过段时间才能改过来懵

2019-11-14 18:07:14
提问者 WebSaber #2

import demo from '@/pages/demo' import demo1 from '@/pages/demo1/index.vue' import demo2 from '@/pages/demo2/index.vue' import demo3 from '@/pages/demo3/index.vue' import demo4 from '@/pages/demo4/index.vue' import demo5 from '@/pages/demo5/index.vue' 原因是不写最后面的index.vue就会有时候不生效（前面老师说写不写都一样的）

2019-11-14 18:37:10