Question

我在https://jsfiddle.net/kc11/7fqgavvq/2/开始使用vuejs和vue网格。

我想在：

中显示选中的行对象

    <pre> {{ selected| json}} </pre>

在表格的底部。我在Check all checkboxes vuejs找到了https://jsfiddle.net/okv0rgrk/206/与相关的小提琴，如果你看一下输出的选定ID，就会显示我的意思。

为了实现这一点，我需要向表组件添加类似于

的方法

methods: {
    selectAll: function() {
        this.selected = [];
        for (user in this.users) {
            this.selected.push(this.users[user].id);
        }
    }

https://jsfiddle.net/okv0rgrk/206/

中的

有人可以解释这个功能，因为我特别遇到“这个”在这种情况下意味着什么。

Answer 1

this指的是您的组件。因此，可以使用this调用组件内的任何内容。您可以使用this.users或this.selected访问数据，使用this.selectAll()运行方法或访问组件中的任何其他内容。

在那个小提琴中，数据有一个users属性，因此this.users引用该数组。函数selectAll()清空this.selected数组，然后通过并重新将每个用户添加到数组this.selected。

编辑 - 计算属性

将此添加到您的组件：

computed:{
    userCount: function(){
        return this.users.length;
    }
}

然后，在此组件的任何位置，this.userCount将返回用户数。只要用户数发生变化，此变量就会更新。这就是为什么它＆＃34;计算＆＃34;属性 - 您不必更新，只需在需要时自动重新计算。

使用vuejs显示复选框选定的行

1 个答案: