如何从Vue 2中的另一个数据变量引用数据变量？\[重复\]

vue.js Vue.js

Mandy小卤蛋凯

2020-03-19

我在Vue资料中有这个：

data() {
    return {

      names: [],
      length: names.length,
}

但这不起作用，因为会引发RefereneError（名称未定义）。我使用了this.names，但没有区别。

第2251篇《如何从Vue 2中的另一个数据变量引用数据变量？\[重复\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答

斯丁GO神乐 2020.03.19

您需要执行以下操作才能使其正常工作：

第一种方式

data() {
    let defaultNames = [];
    return {
      names: defaultNames,
      length: defaultNames.length,
}

第二种方法-使用计算数据（最佳方法）：

data() {
    return {
      names: [],
    }
},
computed: {
    length() {
        return this.names.length;
    }
}

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android