不幸的是，当我单击Vue.js中的按钮时，跨度没有呈现。我能做什么？

我在Vue.js中遇到了条件渲染问题。不幸的是，当我单击按钮时，跨度没有呈现。我能做什么

<v-btn icon @click="showInfo = !showInfo">
        <v-icon>mdi-dots-vertical</v-icon>
      </v-btn>
    </v-toolbar>

      <span v-if="showInfo">Thats Information</span>
      <span v-else>That do not work</span>

---

谢谢

尝试此数据语法，而不是使用箭头函数

data() {
  return {
    showInfo: true,
  }
},

---

这为我解决了vuejs中的问题，我没有使用vuetify，因此如果这不起作用，我很抱歉

请检查下面的链接，您的问题在于数据

您的数据应该是这样的

export default {
  data: () => ({
      showInfo: true,
  }),
};

---

请创建问题的复制品？这里有一个Vuetify模板：Thanke@NoahStahl这里是复制：谢谢，你需要将你的更改保存为一个带有唯一URL的新钢笔。这是原作。啊，好的。抱歉@NoahStahl。这里：数据应该是一个普通对象，比如数据：{showInfo:true，}

export default {
  data: () => ({
      showInfo: true,
  }),
};