drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Form add prop label-colon

Browse source
This commit is contained in:
梁灏 2019-09-16 10:47:54 +08:00
parent 66e8d1cb7b
commit cd4b085967
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/form/form-item.vue
View file

@ -1,6 +1,6 @@
<template>
<div :class="classes">
<label :class="[prefixCls + '-label']" :for="labelFor" :style="labelStyles" v-if="label || $slots.label"><slot name="label">{{ label }}</slot></label>
<label :class="[prefixCls + '-label']" :for="labelFor" :style="labelStyles" v-if="label || $slots.label"><slot name="label">{{ label }}{{ form.colon }}</slot></label>
<div :class="[prefixCls + '-content']" :style="contentStyles">
<slot></slot>
<transition name="fade">

12
src/components/form/form.vue
View file

@ -42,6 +42,11 @@
hideRequiredMark: {
type: Boolean,
default: false
},
// 4.0.0
labelColon: {
type: [Boolean, String],
default: false
}
},
provide() {
@ -62,6 +67,13 @@
[`${prefixCls}-hide-required-mark`]: this.hideRequiredMark
}
];
},
colon () {
let colon = '';
if (this.labelColon) {
colon = (typeof this.labelColon === 'boolean') ? ':' : this.labelColon;
}
return colon;
}
},
methods: {