Vue 计算属性(Computed)传参
使用computed时,如果需要传递参数, 需要使用return返回一个带参数的函数。
简单示例
<template><div><div v-for="student in students" :key="student.id"><span>姓名: {{ student.name }} </span><span>年龄: {{ student.age }} </span><span>是否成年: {{ adult(student.age) }} </span></div></div>
</template>
<script>export default {name: 'ComputedParams',data() {return {students: [{ id: 1, name: '张三', age: 17 },{ id: 2, name: '李四', age: 18 },{ id: 3, name: '王五', age: 19 }]};},computed: {adult() {return (age) => age < 18 ? '未成年' : '已成年'}}}
</script>