blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(AddressEdit): show error message in field (#5479)

Browse Source
This commit is contained in:
rex 2020-01-06 13:57:14 +08:00 committed by neverland
parent bc3bea3fed
commit ecff8c4b42
2 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/address-edit/Detail.js
View File

@ -9,7 +9,7 @@ const android = isAndroid();
export default createComponent({
props: {
value: String,
error: Boolean,
errorMessage: String,
focused: Boolean,
detailRows: Number,
searchResult: Array,
@ -89,7 +89,7 @@ export default createComponent({
clearable={!android}
type="textarea"
value={this.value}
error={this.error}
errorMessage={this.errorMessage}
border={!this.shouldShowSearchResult}
label={t('label')}
maxlength={this.detailMaxlength}

24
src/address-edit/index.js
View File

@ -81,10 +81,11 @@ export default createComponent({
showAreaPopup: false,
detailFocused: false,
errorInfo: {
tel: false,
name: false,
postalCode: false,
addressDetail: false
tel: '',
name: '',
areaCode: '',
postalCode: '',
addressDetail: ''
}
};
},
@ -128,7 +129,7 @@ export default createComponent({
methods: {
onFocus(key) {
this.errorInfo[key] = false;
this.errorInfo[key] = '';
this.detailFocused = key === 'addressDetail';
this.$emit('focus', key);
},
@ -172,8 +173,7 @@ export default createComponent({
const isValid = items.every(item => {
const msg = this.getErrorMessage(item);
if (msg) {
this.errorInfo[item] = true;
Toast(msg);
this.errorInfo[item] = msg;
}
return !msg;
});
@ -262,7 +262,7 @@ export default createComponent({
clearable
label={t('name')}
placeholder={t('namePlaceholder')}
error={errorInfo.name}
errorMessage={errorInfo.name}
onFocus={onFocus('name')}
/>
<Field
@ -271,7 +271,7 @@ export default createComponent({
type="tel"
label={t('tel')}
placeholder={t('telPlaceholder')}
error={errorInfo.tel}
errorMessage={errorInfo.tel}
onFocus={onFocus('tel')}
/>
<Field
@ -280,8 +280,10 @@ export default createComponent({
clickable
label={t('area')}
placeholder={t('areaPlaceholder')}
errorMessage={errorInfo.areaCode}
rightIcon="arrow"
value={this.areaText}
onFocus={onFocus('areaCode')}
onClick={() => {
this.showAreaPopup = true;
}}
@ -290,7 +292,7 @@ export default createComponent({
vShow={this.showDetail}
focused={this.detailFocused}
value={data.addressDetail}
error={errorInfo.addressDetail}
errorMessage={errorInfo.addressDetail}
detailRows={this.detailRows}
detailMaxlength={this.detailMaxlength}
searchResult={this.searchResult}
@ -310,7 +312,7 @@ export default createComponent({
maxlength="6"
label={t('postal')}
placeholder={t('postal')}
error={errorInfo.postalCode}
errorMessage={errorInfo.postalCode}
onFocus={onFocus('postalCode')}
/>
)}