PmField

普通组件的 v-model 必须绑定已经存在的对象字段, 如果对象字段暂不存在, 可以使用PmField进行代理绑定

基础用法

{}

基础用法

<template>
  <div>
    <pm-field :model="model" path="user.name" />
    <div class="mt-20">{{model}}</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      model: {
        // 这里创建时不存在任何字段
      }
    }
  }
}
</script>

显示代码 复制代码 复制代码

代理其他控件

{}

基础用法

<template>
  <div>
    <pm-field 
      :model="model" 
      path="user.info.name" 
      component="pm-select" 
      :initData="data"
      clearable
      />
    <div class="mt-20">{{model}}</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      model: {
        // 这里创建时不存在任何字段
      },
      data:[
        {
          value: "1",
          label: "火锅"
        },
        {
          value: "2",
          label: "砂锅"
        },
        {
          value: "3",
          label: "地锅鸡"
        }
      ]
    }
  }
}
</script>

显示代码 复制代码 复制代码

Attributes

参数	说明	类型	可选值	默认值
model	绑定对象	object	-	-
path	绑定的key值, 支持多级	string	-	-
component	控件 name	string	任意已注册过的组件名	el-input
onlyNumber	近为数字	boolean	-	false
bindFormat	显示前过滤	function	-	-
defaultValue	默认值	any	-	-
removeHook		function	-	() => false