Реактивное значение не определено - PullRequest
0 голосов
/ 01 мая 2018

Я не знаю, почему я не могу получить доступ к реактивному значению в методах.

...
<div class="card">
  <div class="card-contents">
    <datafieldcheckbox class="filterComponents" :filtervalue="filterAll" @call-method="callfilteredproducts"></datafieldcheckbox>
  </div>
</div>
....
    new Vue({
            el: "#app",
            data() {
                return {
                    filterAll: this.filtered(),
                    dataCategory : ["data"]
                }
            },
.....
    methods: {
                filtered() {
                    console.log("this.data", this.dataCategory)  // Got undefined insted of getting value.
                }
...

1 Ответ

0 голосов
/ 01 мая 2018

Когда вызывается метод filtered, data еще не полностью настроен. Имеет смысл, что dataCategory недоступен. Вместо этого, вызовите его в created ловушке, где данные уже доступны.

export default {
  data() {
    return {
      filterAll: null,
      dataCategory: ["data"]
    };
  },
  methods: {
    filtered() {
      console.log("this.data", this.dataCategory); // Got undefined insted of getting value.
    }
  },
  created() {
    this.filterAll = this.filtered();
  }
};

(П.С. Не уверен, чего вы пытаетесь достичь. Но это кажется неправильным.)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...