Vue-berechnete Parameterübergabe für Eigenschaften (berechnet).
Wenn Sie bei der Verwendung von „Computed“ Parameter übergeben müssen, müssen Sie „Return“ verwenden, um eine Funktion mit Parametern zurückzugeben.
Einfaches Beispiel
<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>