VUE呈现v-if=true.但如果我把布尔值改为to false, 一百零二

应该是怎样的呢?有什么方法可以重新渲染吗?

以下是我的代码:

<template>
    <div v-if="bool">
        true
    </div>
    <div v-else>
        false // if button pressed, i should be shown!!!!
    </div>
    <button :click='onClickEvent()'>click!!!!!!</button>
</template>
<script>
    export default {
        data: function () {
            return {
                bool: true
            };
        },
        created() {
            
        },
        mounted(){
        
        }
        methods: {
            onClickEvent: function(){
                this.bool= false
            }
        }
    };
</script>

我试了我能想到的所有方法.

推荐答案

你不应该绑定:click,而应该是@click="onClickEvent".

https://vuejs.org/guide/essentials/event-handling.html

Vue.js相关问答推荐

通过另一个文件调用模块化窗口组件

为什么发送 POST API 请求时主体对象没有react ?

Nuxt3 / Vue3 - 当属性更改时如何动态更改渲染组件?

使用内部方法创建计算(computed)属性是否合法?

为什么 Pinia/Vuex 比使用服务类的classic 方法更受欢迎?

在 VueJS 中,将变量而不是组件的字符串名称传递给动态组件的 :is 属性不起作用

为什么将 name 与 router-link 一起使用比仅使用 to 与 path 更好?

vue 计算的 ant watch 不会在嵌套属性更改时触发

使用 Vue.js 和 Jest 进行 URL 重定向测试

VuetifyJS:如何摆脱 v-stepper 组件的提升?

如何将Vue的主应用程序渲染到body元素?

vue-test-utils:无法覆盖属性 $route,这通常是由于插件将该属性添加为只读值

使用 Vue.js 的用户可切换自定义主题

如何在 Vue.js 应用程序中正确下载 Excel 文件?

'不提供名为'createRouter'的导出'' vue 3、vite 和 vue-router

将 SignalR 与 Vue.js 和 Vuex 集成

我应该将所有数据存储在 vuex 状态

更改事件上的 Select2 在 Vuejs 中不起作用

无法访问手表处理程序 vuejs 中的数据变量

检测 Vue-Router 导航Guards中的后退按钮