vue拿数据报错length无定义!


 <span>{{goods.services[goods.services.length-1].name}}</span>

img

请问,这个数据要怎么拿,报错说我的length无定义!

img

需要设置初始值goods.services,结合计算属性做的表达式

<template>
  <div>
    <div>{{ servicesName }}</div>
  </div>
</template>

<script>
export default {
  name: "test",
  components: {},
  data() {
    return {
      goods: { services: [] },
    };
  },
  computed: {
    servicesName() {
      return (this.goods.services.length && this.goods.services[this.goods.services.length - 1].name) || ''
    }
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

goods对象要先定义一个services的空数组