Nuxt无法更改数据变量

Question

我通常在数据的nuxt变量x中使用vue，并使用方法来更改此数据x，但在html中不会重新加载更改。

示例：

>

export default {
  data () { 
    return { openPopup: '1' }
  },
  
  methods: {
    changeData() {
        this.openPopup = 2;
    }
  }

}

<template>
  <span>
     {{openPopup}}
  </span>
  <button @click="changeData()">change</button>
</template>

Answer 1

从数据中的openPopup中删除引号。它被视为字符串。

data () { 
    return { openPopup: 1 }
  },

Answer 2

在其他地方出了点问题。您的代码工作正常（如果您修复了多个根元素）。

在codeandbox上

https://codesandbox.io/s/yqxxkpyw61