vue2中使用过滤器,vue3官方撇弃了filter,以下是vue的过滤器的用法
data:{
return {
type:1
}
},
filters: {
getTypeName(val){
switch(val){
case "1": val = '张三'
break;
case "2": val = '李四'
break;
}
}
}
注意:{{type | getTypeName}},会将type的数据传递给getTypeName的
<template>
<div>
{{type | getTypeName}}
</div>
</template>
Vue3 中计算属性传递值
data:{
return {
type:1
}
},
computed: {
getTypeName(){
return (val) => {
switch(val){
case "1": val = '张三'
break;
case "2": val = '李四'
break;
}
}
}
}
<template>
<div>
{{getTypeName()}}
</div>
</template>