vue.js - VueJS 如何在方法中访问 Mounted() 变量

Question

我是 Vue 的新手，希望获得有关如何在我的方法中访问和使用在 Mounted() 中创建的变量的帮助。
我有这个代码
模板

<select class="controls" @change="getCatval()">

脚本

mounted() {
    var allcards = this.$refs.allcards;
    var mixer = mixitup(allcards);
  },
methods: {
    getCatval() {
      var category = event.target.value;
      // I want to access mixer here;
    }
  }

除了这个 example 之外，我在任何地方都找不到解决方案，我可以从 method x 调用 mounted() 并将混合器传递给它，然后在我的 getCatval() 中使用它
有没有更简单的方法来访问这些变量？

Answer 1

我会首先建议你停止使用var，并使用最新的、let和const来声明变量

你必须先声明一个变量

data(){
 return {
   allcards: "",
   mixer: ""
 }
}

然后在你的mounted()

mounted() {
     this.allcards = this.$refs.allcards;
    this.mixer = mixitup(this.allcards);
  },
methods: {
    getCatval() {
      let category = event.target.value;

     this.mixer
    }
  }