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

fix: field textarea height calc wrong

Browse Source
This commit is contained in:
陈嘉涵 2017-08-21 21:53:52 +08:00
parent 6324fa9088
commit 306a6417d1
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/field/src/field.vue
View File

@ -95,6 +95,14 @@ export default {
};
},
mounted() {
if (this.autosize && this.type === 'textarea') {
const el = this.$refs.textareaElement;
el.style.height = el.scrollHeight + 'px';
el.style.overflowY = 'hidden';
}
},
watch: {
value(val) {
this.currentValue = val;
@ -102,7 +110,7 @@ export default {
currentValue(val) {
if (this.autosize && this.type === 'textarea') {
this.$nextTick(() => this.sizeAdjust());
this.$nextTick(this.sizeAdjust);
}
this.$emit('input', val);
}
@ -125,12 +133,9 @@ export default {
},
sizeAdjust() {
const textareaElement = this.$refs.textareaElement;
const textAreaDiff = (parseInt(textareaElement.style.paddingBottom, 10) +
parseInt(textareaElement.style.paddingTop, 10)) || 0;
// 需要先设为0， 才可以让scrollHeight正确计算。
textareaElement.style.height = 0 + 'px';
textareaElement.style.height = (textareaElement.scrollHeight - textAreaDiff) + 'px';
const el = this.$refs.textareaElement;
el.style.height = 'auto';
el.style.height = el.scrollHeight + 'px';
},
handleInputFocus() {