vue component组件内部自己引用自己

2021-06-27  本文已影响0人  小李不小

MyColumn.vue

<template>

<el-table-column :prop="titledata.values"
:label="titledata.label"
align="left">

<template v-if="titledata.children.length">
  <my-column v-for="(item, index) in titledata.children"
    :key="index"
    :titledata="item"></my-column>

//自己引用自己把item作为titledata的数据传给自己再去走当前的页面,知道titledata.children的长度为0
</template>

</el-table-column>
</template>

<script>
export default {
name: 'MyColumn', //在这里name就相当于注册了当前的组件。可以直接引用自己了。
props: {
titledata: {
type: Object
}
}
}
</script>

上一篇 下一篇

猜你喜欢

热点阅读