桂林市网站建设_网站建设公司_色彩搭配_seo优化

Avue2使用bind关键字绑定深层次的结构对象属性（绑定多级对象到属性，与Yii框架的with属性无缝结合）

先看看下面的column结构，bind:‘deep.deep.deep.value’，其中deep.deep.deep.value对应的是data中的deep多级对象。

column:[{label:'深结构',prop:'test',bind:'deep.deep.deep.value'},]

完整的代码演示：

<avue-crud:option="option":data="data"></avue-crud><script>exportdefault{data(){return{form:{},data:[{deep:{deep:{deep:{value:'我是深结构'}}}}],option:{labelWidth:120,column:[{label:'深结构',prop:'test',bind:'deep.deep.deep.value'}]}}}}</script>

说明

prop：属性名，按业务需求的属性名称，也需要填写；
bind：需要绑定的深层次结构对象，注意，这里是带引号的字符串；