ElementUI如何将当前组件的所有属性快速传递给子组件
生活随笔
收集整理的這篇文章主要介紹了
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如何将当前组件的所有属性快速传递给子组件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 防骗反诈宣传口号文案29句
- 下一篇: 基于node.js+MongoDB+el