如何修复：挂接钩中的错误：Vue.js中的“ TypeError：无法读取未定义的属性'scrollHeight'”？

Question

首先这不是重复的。

我在laravel / vue.js应用程序的控制台中获得Error in mounted hook: "TypeError: Cannot read property 'scrollHeight' of undefined"。我目前正在使用Vuesax Framework Component，该错误是我使用的组件中提到的错误，这是详细的错误：

[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'scrollHeight' of undefined"

found in

---> <VsAlert> at vsAlert.vue
   <RequestsSellItems> at resources/js/components/requests/RequestsSellItems.vue
     <Root>

以下是所用零件的代码：

<div class="row">
       <div class="col-sm-1">
       <p style="padding: 3px;border-radius: 10px;color: white;font-size: 25px;background-color: #9561e2;text-align:center; vertical-align:middle; width: 50px;; height:40px" @click="active1=!active1" color="primary" type="filled">{{!active1?'!':'X'}}</p>

      </div>
 <div class="col-sm-12">
      <vs-alert
         :active.sync="active1" closable> Detailed Issues
      </vs-alert>
 </div>
</div>

<script>
export default {
    data() {
        return {
            data: {},
            form: new Form({
                 data: ''
            }),
            active1:false,
        }
    },

这一切都与组件有关。