引入三方组件

TIP

2.5.1+

{}

{{obj}}
<avue-form :option="option" v-model="obj"></avue-form>
<script>
export default {
    data() {
      return {
        obj: {},
        option: {
          column: [
            {
              label:'文本1',
              prop:'text1'
            },
            {
                label: '',
                labelWidth:40,
                prop: 'divider',
                component: 'elDivider',//ele分割线
                span:24,
                event:{
                  click:()=>{
                    this.$message.success('点击方法')
                  },
                },
                params: {
                  html: '<h2 style="color:red">自定义html标签,点我触发方法</h2>',
                  contentPosition: "left",
                }
              },
              {
                label:'文本2',
                prop:'text2'
              },
              {
                label: '',
                labelWidth:40,
                prop: 'calendar',
                component: 'elCalendar',//ele日期
                span:24,
                params: {
                  
                }
              }
          ]
        }
      }
    }
}
</script>

Expand Copy Copy

Attributes

参数	说明	类型	可选值	默认值
component	组件名字	String	-	-
params	组件参数	String	-	-
html	组件中间html片段	String	-	-