Question

我正在尝试在下面的另一个组件中使用HTML复选框的选中值，但我没有得到任何输出。

computed: {
    formated () {
        EventBus.$on('change', function (checkedSkills) {
            console.log(checkedSkills)
        });
    }
},

由于

更新

现在我想尝试如下

        data() {
            return {
                values: [],
            }
        },
        computed: {
            formated () {
                console.log(this.values)
            }
        },
        created () {
            EventBus.$on('change', function (skillName) {
                this.values = skillName
            });
        },

Answer 1

我认为你误解了computed对象是什么。 computed使您可以使用其他数据或逻辑位创建基本上变量的内容。

您新的computed值formated（顺便说一句，它已经格式化了＃34;有两个t＆＃;;）实际上是一种方法，而不是变量。< / p>

如果您想将某些内容记录到控制台，则只需将computed更改为methods即可。

以下是Vue文档中有关计算方法和方法之间差异的部分：https://vuejs.org/v2/guide/computed.html#Computed-Caching-vs-Methods

所以不是你现在所拥有的：

computed: {
    formated () {
        console.log(this.values)
    }
},

你应该只有：

methods: {
    formated () {
        console.log(this.values)
    }
},

在vue.js中使用$ :(）在computed：{}里面

1 个答案: