textarea 高度自适应

1.vue

watch: {
            data: function(newQuestion, oldQuestion) {
                this.$nextTick(function() {
                    this.initPlugins()
                })
            }
        },
    
        methods: {
            back(){
               validationLogin();
            },
            //初始化第三方
            initPlugins() {
                        $.fn.autoHeight = function(){
                        function autoHeight(elem){
                            elem.style.height = 'auto';
                            elem.scrollTop = 0; //防抖动
                            elem.style.height = elem.scrollHeight + 'px';
                        }
                        this.each(function(){
                            autoHeight(this);
                            $(this).on('keyup', function(){
                                autoHeight(this);
                            });
                        });
                    }
                    $('textarea[autoHeight]').autoHeight();
            },

 2.js

<textarea name="text" style="width: 300px;">textarea是一个文本框，谷歌、IE、Opera默认显示两行文本，火狐默认显示3行文本，行数超过两行是会出现滚动条，可以自己设定设定一些行数来进行强制多少行进行显示。textarea是一个文本框，谷歌、IE、Opera默认显示两行文本，火狐默认显示3行文本，行数超过两行是会出现滚动条，可以自己设定设定一些行数来进行强制多少行进行显示。textarea是一个文本框，谷歌、IE、Opera默认显示两行文本，火狐默认显示3行文本，行数超过两行是会出现滚动条，可以自己设定设定一些行数来进行强制多少行进行显示。textarea是一个文本框，谷歌、IE、Opera默认显示两行文本，火狐默认显示3行文本，行数超过两行是会出现滚动条，可以自己设定设定一些行数来进行强制多少行进行显示。</textarea>
<script>
$.each($("textarea"), function(i, n){
    $(n).css("height", n.scrollHeight + "px");
})
</script>