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

我曾经写过的一篇文章用过子组件里面自己引用自己

element-ui的表格。表头和表格数据都是接口动态给的。多级表头。如何写呢？

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>

vue component组件内部自己引用自己相关推荐

vue的组件内部全局变量按照使用的前端id存储历史数据
为了监控oracle四个库的线程数需要使用vue组件内部全局变量,局部变量每次会清零但是四个barline都是一个vuecomponent,因此使用字典数组 <template>< ...
【Vue】组件（component）
文章目录一.什么是组件二.为什么需要组件三.创建一个组件四.组件的复用五.通过 Prop 向子组件传递数据六.通过插槽分发内容七.动态组件八.注意事项一.什么是组件所谓的组件,其实 ...
Vue创建组件的三种方式
1.使用 Vue.extend 来创建全局的Vue组件 <div id="app"><!-- 如果要使用组件,直接,把组件的名称,以 HTML 标签的形式,引入到 ...
component组件
什么是组件? 组件(Component)是Vue js最强大的功能之一.组件可以扩展HTML元素,封装可重用的代码.在较高层面上,组件是自定义元素,Vue js 的编译器为它添加特殊功能.在有些情况下 ...
Vue之组件与组件通信
一.组件概念组件是可复用的 Vue 实例, 用来封装标签, 样式和JS代码. 组件化 :封装的思想,把页面上可重用的部分封装为组件,从而方便项目的开发和维护一个页面, 可以拆分成一个个 ...
vue父子组件通信之随机数小练习
目录 vue父子组件通信的理解父组件代码: 子组件代码: 效果图: vue父子组件通信的理解 1.Vue中子组件不能直接引用父组件的数据,需要通过props选项接收来自父组件的数据. 2.props ...
vue的组件 components
一.组件组成组成:html +Js+css 模板: <template><div > </div> </template> <script> ...
Vue（组件化编程：非单文件组件、单文件组件）
一.组件化编程 1. 对比传统编写与组件化编程(下面两个解释图对比可以直观了解) 传统组件编写:不同的HTML引入不同的样式和行为文件组件方式编写:组件单独,复用率高(前提组件拆分十分细致) 理解为 ...
三十七、深入Vue.js组件Component（下篇）
@Author:Runsen @Date:2020/7/4 人生最重要的不是所站的位置,而是内心所朝的方向.只要我在每篇博文中写得自己体会,修炼身心:在每天的不断重复学习中,耐住寂寞,练就真功,不畏艰 ...

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

vue component组件内部自己引用自己相关推荐

最新文章

热门文章