在使用计算属性时,尤其是有v-for和slot插槽的使用时,进行一些参数的传递。 1. 在v-for中使用计算属性传参。 <div v-for="item in list"> <div v-if='isShow(item)'>是否显示</div> import {computed} from 'vue' const currentId=ref(null) const isShow=computed(()=>(item:any)=>{ //计算属性传递参数 return currentId=== item.id
2. 在slot插槽中计算属性传参。
<template #tbodyCell="scope"> <span v-if="getCurrentDayDetailed(scope.item)"> {{getCurrentDayDetailed(scope.item)}} const getCurrentDayDetailed = computed(() => (item: any) => {
|