vue拿数据报错length无定义！

Question

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

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

Answer 1

需要设置初始值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>