# 表单值
字段(见行高亮
):
propName: {
label: "label值",
properties: {
name: {
label: "名称",
component: "el-input",
isTrim: true, // 是否去掉值两边空间
value: "天天" // 默认值。重置时也用到此值
}
// ... 其它项
}
}
# 实例
pathKey:项组件路径的组成形式:各个块(properties)中的属性(如name, base)连接起来形式唯一的字符路径
# 设值
有两种方式设置:
formValue
: 表单非深度监听此值,若要通过此值设置表单值,必须重新改变此变量的地址(不推荐
)form.setValue(key, value)
: 表单设置值(推荐
)
如:
// setValue参数只有一个对象,则一次性设置多个值
// 设置多个值:只设置所要设置的key, 如endTime是不会改变的
form.setValue({ // 多值设置
name: "广告名称",
base: {
backgroundColor: "#f00"
}
});
// setValue参数有两个,单设置某项的值
form.setValue("base.backgroundColor", "#f00"); // 单值设置
# 取值
取出的值为一个对象,有两种方式取出:
formValue
: v-model双向绑定(Vue机制,非实时)form.getValue()
: 表单输出的值(setValue过后,可即时取出,实时)
注:若想取某个项
的值,可从上值中解析
表单的根值form.getRootData()
: 表单的根(原始)值(setValue过后,可即时取出,实时)