vue computed里使用js 的substring报错?

Question

vue2 中在computed中使用js的方法报该方法undefined

<span>{{ storeName }}</span>

computed: {
        storeName: function () {
          return this.str.substring(0,11)+'...';
        },
    },

Answer 1

由于异步获取数据,渲染时数据还没出来

Answer 2

str没有定义

Answer 3

因为时间上的问题 可能一开始str是undefined 所以这段代码添加个验证undefined就好了 比如用三目运算符

computed: {
        storeName: function () {
          return this.str?this.str.substring(0,11)+'...':''; // 判断str不为undefined情况
        },
    },