vue使用过滤器传递两个参数,进行判断操作
由于v-for 与 v-if 一起使用时有诸多麻烦,所以当需要通过判断显示不同内容时,可使用过滤器。话不多说,上主菜。首先前台页面接收到该参数:<template><view class="content" v-if="hasLogin"><view class="newsDetail" v-for="(item,index) in userList"...
·
由于v-for 与 v-if 一起使用时有诸多麻烦,所以当需要通过判断显示不同内容时,可使用过滤器。
话不多说,上主菜。
首先前台页面接收到该参数:
<template>
<view class="content" v-if="hasLogin">
<view class="newsDetail" v-for="(item,index) in userList" :key="index">
<view class="newsName" >{{item.uMobile | userName(item.uType)}}</view>
</view>
</view>
</template>
使用过滤器:
export default {
filters: {
userName(uMobile,uType) {
console.log("uMobile:"+uMobile);
console.log("uType:"+uType);
if (uType == 0) {
var name = "用户" + parseInt(uMobile).toString(16);
return name;
}else {
var name = "律师" + parseInt(uMobile).toString(16);
return name
}
},
},
}
此时,前台就会根据user的type不同,显示不同的内容:
如有不明白之处,欢迎留言。
更多推荐
已为社区贡献3条内容
所有评论(0)