VUE前端使用业务字典控件

• 创建VUE项目请参考开发VUE前端并挂载到AFCenter菜单文档内容

字典组件

在common下，直接使用，无需引入

  <Dict 
  v-model="form.sheng"  
  dictTypeCode="sheng" />

参数说明：

属性	类型	说明
v-model	String	绑定的值
dictTypeCode	String	字典类型编号
multiple	Boolean（默认false）	是否多选
cascade	Boolean（默认false）	是否级联
parentCode	String	父字典项编号
separator	String(默认 ‘ ，’)	多选时分隔符

①、单选下拉选择

          <Dict v-model="openType" dictTypeCode="sys_open_types" />

②、多选下拉选择

需要设置multiple="true"

 <Dict 
v-model="form.interest"  
:multiple="true"
dictTypeCode="interest" />

③、级联选择

级联项需要指定cascade="true" 并且指定parentCode，最顶层父级不需要设置；

      <Dict 
      v-model="form.sheng" 
      dictTypeCode="sheng" 
      />
      <Dict
        v-model="form.shi"
        :cascade="true"
        :parentCode="form.sheng"
        dictTypeCode="shi"
      />
      <Dict
        v-model="form.qu"
        :cascade="true"
        :parentCode="form.shi"
        dictTypeCode="qu"
      />