表单设计器（自定义组件）

在设计器中可以自己配置自定义的组件。

\

绑定数据

如果需要输入内容并且获取，则需要在模板中使用 v-model="dataModel" 进行数据绑定，（必须保证组件可以使用v-model进行数据双向绑定）如下：

<div style="background: #ccc; width: 300px; height: 100px">
  <!-- v-model="dataModel" 是必须的，这样才能绑定数据 -->
  <!-- 直接将 v-model="dataModel" 拷贝到组件上即可 -->
  <input v-model="dataModel" style="margin: 20px;">
</div>

组件属性扩展

可以在自定义模板设置中对组件属性进行扩展，如下：

<el-input
  placeholder="请选择日期"
  suffix-icon="el-icon-date"
  style="width: 200px;"
  v-model="dataModel">
</el-input>