ElementUI如何将当前组件的所有属性快速传递给子组件

1.普通写法，对应的是一个一个元素的绑定

<el-table border style="width='300px'" :data='tableData'><el-table-column v-for="col in columns":prop="col.prop":key="col.prop":label="col.label":width="col.width"></el-table-column></el-table>

data中的数据

data() {return {columns:[{label:"姓名",prop:"name",width:80},{label:"年龄",prop:"age"},],tableData:[{name:'jerry',age:'18'},{name:'tom',age:'20'},{name:'jerry',age:'18'},]}},

2.简便写法（只绑定列表）

<el-table border style="width='300px'" :data='tableData'><el-table-column v-for="col in columns":key="col.prop"v-bind="col"></el-table-column></el-table>

3.效果

ElementUI如何将当前组件的所有属性快速传递给子组件相关推荐

vue 父刷新子_父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法...
场景: 我实际用到的是这样的,我父组件引用子组件related,父组件调用获取页面详情的方法,更新了state值related,子组件根据该related来渲染相关新闻内容,但是页面打开的时候总是先加 ...
[react] 怎样将事件传递给子组件？
[react] 怎样将事件传递给子组件? 这道题出的有问题. 一般情况下我们父组件向子组件传递的不是事件,而是事件处理函数 const Parent = ({ lastName }) => {o ...
vue 父组件获取接口值传到子组件_vue父组件异步获取数据传给子组件的方法
但是现在问题是父组件的数据是异步获取的,而子组件一开始就会渲染,如果此时没有传入数据,而子组件又要用到数据中的length属性时就会报错: 怎么办呢?最简单的办法就是让子组件条件渲染,当有数据的时候才 ...
Vue2.x中的父组件数据传递至子组件
父组件结构 template <template><div><v-girl-group :girls="aGirls"></v-girl- ...
【微信小程序】组件间通信与事件-获取子组件的实例对象
1.0 前言 1.1 为何写这篇笔记小程序官方文档只粗略给了一段代码,让笔者找不到北,故记录下易于理解的过程,以便新手了解和使用 1.2 获取子组件实例对象的作用当引用了组件,且父组件使用了监听函 ...
vue父组件变量传递子组件_Vue2.x中的父组件数据传递至子组件
父组件结构 template :girls="aGirls"> script import vGirlGroup from './GirlGroup' export defa ...
Vue.js父与子组件之间传参父向子组件传参　　例子：App.vue为父，引入componetA组件之后，则可以在template中使用标签（注意驼峰写法要改成componet-a写法，因为ht
Vue.js父与子组件之间传参父向子组件传参例子:App.vue为父,引入componetA组件之后,则可以在template中使用标签(注意驼峰写法要改成componet-a写法,因为html对 ...
antd4.x版本解决父组件传递给子组件值的时候动态显示initialValue值的问题
antd4.x版本解决父组件传递给子组件值的时候动态显示initialValue值的问题例如,我要从父组件给子组件传递一个字符串,然后子组件显示出来,按照3.x的版本的写法无法更新显示,这是因为in ...
Vue钩子函数以及父组件的8个钩子和子组件的8个钩子的先后执行的顺序
** vue组件生命周期 ** 一个组件从创建到销毁的整个过程就是生命周期生命周期函数(钩子函数) vue 框架内置函数,随着组件的生命周期,自动按次序执行作用:特定的时间点,执行某些 ...

ElementUI如何将当前组件的所有属性快速传递给子组件

1.普通写法，对应的是一个一个元素的绑定

2.简便写法（只绑定列表）

ElementUI如何将当前组件的所有属性快速传递给子组件相关推荐

最新文章

热门文章