行内:class
<div :class="`${type == 1? 'oneClass': type == 2? 'twoClass': type == 3? 'threeClass': ''}`">
</div>
{{}}内
<template slot-scope="scope">
<span>
{{ scope.row.net_type == 1 ? "校园网" : scope.row.net_type == 2 ? "设备网" : scope.row.net_type == 2 ? '财务网' : "/" }}
</span>
</template>
另外还可以通过计算属性做判断
<div v-for="item in arrsData" :key="item.id">{{ itemName(item) }}</div>
computed: {
itemName (data) {
if (item.net_type === 1) {
return `年级人数:${item.name}人`;
} else if (item.net_type === 2) {
return `开学时间:${item.name}年`;
} else {
return item.name;
}
}
}