Question

我的HTML代码如下所示

<ul>
   <li v-for="item in values">{{ item }}</li>
</ul>

我的vue.js代码如下所示

export default {
        data() {
            return {
                values: {}
            }
        },
        props: ['applicants', 'pageinfo'],
        watch: {
            applicants (val) {
                EventBus.$on('click',  function (skillName) {
                    this.values = val[0];   
                    console.log(this.values);  // I am getting output here.
                });
            },
        },
    }

我正在尝试迭代val[0]的值。但我没有得到任何输出。

Answer 1

使用像

这样的箭头功能

applicants (val) {
    EventBus.$on('click',  (skillName) => {
        this.values = val[0];   
        console.log(this.values);  // I am getting output here.
    });
},

或在事件处理程序

之前保存此引用

applicants (val) {
    var _self = this;
    EventBus.$on('click',  function (skillName) {
        _self.values = val[0];   
        console.log(this.values);  // I am getting output here.
    });
},

迭代data（）返回的值

1 个答案: