Passage du paramètre de propriété calculée (Computed) de Vue
Lors de l'utilisation de calculated, si vous devez transmettre des paramètres, vous devez utiliser return pour renvoyer une fonction avec des paramètres.
Exemple simple
<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>