在使用計算屬性時,尤其是有v-for和slot插槽的使用時,進(jìn)行一些參數(shù)的傳遞。 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)=>{ //計算屬性傳遞參數(shù) return currentId=== item.id
2. 在slot插槽中計算屬性傳參。
<template #tbodyCell="scope"> <span v-if="getCurrentDayDetailed(scope.item)"> {{getCurrentDayDetailed(scope.item)}} const getCurrentDayDetailed = computed(() => (item: any) => {
|