可以使用v-on:click指令来实现点击事件,结合一个变量来控制值的切换。

首先,在Vue实例中定义一个变量isTrue,初始值设为false

然后,在模板中使用v-on:click指令来监听点击事件,并绑定一个方法toggleValue

toggleValue方法中,先判断当前isTrue的值,如果为true则将其设为false,反之亦然。

最后,在模板中使用{{ isTrue }}来显示当前的值。

以下是一个简单的示例代码:

<template>
  <button v-on:click="toggleValue">{{ isTrue ? 'True' : 'False' }}</button>
</template>

<script>
export default {
  data() {
    return {
      isTrue: false
    };
  },
  methods: {
    toggleValue() {
      this.isTrue = !this.isTrue;
    }
  }
};
</script>

这样,每次点击按钮时,isTrue的值就会从false切换到true,再切换回false。同时,按钮上会显示当前的值


原文地址: https://www.cveoy.top/t/topic/imTR 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录