Skip to content

Alias 别名

通常用于多重循环,定义临时变量,方便模板中以简洁的方式访问临时变量。

基础用法

Inner Prop
prop1: [1] / prop2: [2]
Inner Prop
prop1: [3] / prop2: [4]
具体用法请看代码,组件内一定要嵌入内容
vue
<template>
  <template v-for="(item, idx) in list" :key="idx">
    <epp-alias :obj2="item.obj1.innerObj2" #="{ obj2 }">
      <h5>Inner Prop</h5>
      <span>prop1: [{{ obj2.prop1 }}]</span> / <span>prop2: [{{ obj2.prop2 }}]</span>
      <br />
    </epp-alias>
  </template>
</template>
<script lang="ts" setup>
import { ref } from 'vue';

const list = ref([
  {
    obj1: {
      innerObj2: {
        prop1: '1',
        prop2: '2',
      },
    },
  },
  {
    obj1: {
      innerObj2: {
        prop1: '3',
        prop2: '4',
      },
    },
  },
]);
</script>