Slide 61
Slide 61 text
●
export default ElInput.extend({
methods: {
// override 自動での高さ調節が必要なとき以外は、minHeightは初回の計算結果をキャッシュしておく
resizeTextarea() {
if (this.$isServer) return;
const { autosize, type } = this;
if (type !== 'textarea') return;
if (!autosize) {
this.textareaCalcStyle = {
minHeight:
this.textareaCalcStyle.minHeight || calcTextareaHeight(this.$refs.textarea).minHeight,
};
return;
}
const minRows = autosize.minRows;
const maxRows = autosize.maxRows;
this.textareaCalcStyle = calcTextareaHeight(this.$refs.textarea, minRows, maxRows);
},
},
});
カスタムコンポーネントを作ってワークアラウンド
69