VUE自定义指令,使textarea自动增高。

编写一个全局指令
function autoHeight(elem) {
    elem.style.height = "auto";
    elem.scrollTop = 0; // 防抖动
    elem.style.height = elem.scrollHeight + "px";
}
export default {
    inserted: function (el, binding) {
        el.addEventListener("keyup", () => {
            autoHeight(el);
        })
    },
}

在textarea上应用v-autoHeight即可。

posted on 2021-05-27 14:41  阿提  阅读(389)  评论(0编辑  收藏  举报

导航