# 引入三方组件

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

# Attributes

参数 说明 类型 可选值 默认值
component 组件名字 String - -
params 组件参数 String - -
html 组件中间html片段 String - -
Last Updated: 8/5/2021, 9:04:57 AM