小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

vue3的computed計算屬性傳參

 和帥書館 2024-11-25 發(fā)布于廣東

在使用計算屬性時,尤其是有v-for和slot插槽的使用時,進(jìn)行一些參數(shù)的傳遞。

1. 在v-for中使用計算屬性傳參。

  1. <div v-for="item in list">
  2. <div v-if='isShow(item)'>是否顯示</div>
  3. </div>
  4. <script>
  5. import {computed} from 'vue'
  6. const currentId=ref(null)
  7. const isShow=computed(()=>(item:any)=>{ //計算屬性傳遞參數(shù)
  8. return currentId=== item.id
  9. })
  10. </script>

2. 在slot插槽中計算屬性傳參。

  1. <ss-vue-calendar>
  2. <template #tbodyCell="scope">
  3. <span v-if="getCurrentDayDetailed(scope.item)">
  4. {{getCurrentDayDetailed(scope.item)}}
  5. </span>
  6. </template>
  7. </ss-vue-calendar>
  8. <script lang='ts'>
  9. const getCurrentDayDetailed = computed(() => (item: any) => {
  10. return item.id==='123'
  11. })
  12. </script>

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多