老师，麻烦看看这个报错，是哪里出了问题？

这个 ref 我之前就是添加了的，依然报错。麻烦老师帮忙看看

<template>

<!-- <div>

   content

 </div> -->

<div class="content-wrapper">

<div class="loading-container" v-if="isLoading">

<!-- <me-loading/> -->

<div class="loading-wrapper">

<me-loading/>

</div>

</div>

<me-scroll

ref="scroll"

>

<div class="content">

<div class="pic" v-if="content.banner">

<a :href="content.banner.linkUrl" class="pic-link">

<img @load="updateScroll" :src="content.banner.picUrl" alt="" class="pic-img">

</a>

</div>

<div

class="section"

v-for="(section, index) in content.data"

:key="index"

>

<h4 class="section-title">

{{ section.name }}

</h4>

<ul class="section-list">

<li

class="section-item"

v-for="(item, i) in section.itemList"

:key="i"

>

<a :href="item.linkUrl" class="section-link">

<p class="section-pic" v-if="item.picUrl">

<img v-lazy="item.picUrl" alt="" class="section-img" />

</p>

<p class="section-name">

{{ item.name }}

</p>

</a>

</li>

</ul>

</div>

</div>

</me-scroll>

<div class="g-backtop-container">

<me-backtop @backtop="backToTop" :visible="isBacktopVisible"/>

</div>

</div>

</template>

<script>

import MeLoading from 'base/loading';

import MeScroll from 'base/scroll';

import MeBacktop from 'base/backtop';

import {getCategoryContent} from 'api/category';

import storage from 'assets/js/storage';

import {CATEGORY_CONTENT_KEY, CATEGORY_CONTENT_UPDATE_TIME_INTERVAL} from './config';

export default {

name: 'CategoryContent',

components: {

MeLoading,

MeScroll,

MeBacktop

},

props: {

curID: {

type: String,

default: ''

}

},

data() {

return {

content: {},

isBacktopVisible: false,

isLoading: false

};

},

watch: {

curID(id) {

this.isLoading = true;

this.getContent(id).then(() => {

this.isLoading = false;

this.backToTop();

});

}

},

methods: {

getContent(id) {

let contents = storage.get(CATEGORY_CONTENT_KEY);

let updateTime;

const curTime = new Date().getTime();

if (contents && contents[id]) {

updateTime = contents[id].updateTime || 0;

if (curTime - updateTime <= CATEGORY_CONTENT_UPDATE_TIME_INTERVAL) {

return this.getContentByLocalStorage(contents[id]);

} else {

return this.getContentByHTTP(id).then(() => {

this.updateLocalStorage(contents, id, curTime);

});

}

} else {

return this.getContentByHTTP(id).then(() => {

this.updateLocalStorage(contents, id, curTime);

});

}

},

getContentByLocalStorage(content) {

this.content = content.data;

return Promise.resolve();

},

getContentByHTTP(id) {

return getCategoryContent(id).then(data => {

return new Promise(resolve => {

if (data) {

this.content = data;

resolve();

}

});

});

},

updateLocalStorage(contents, id, curTime) {

contents = contents || {};

contents[id] = {};

contents[id].data = this.content;

contents[id].updateTime = curTime;

storage.set(CATEGORY_CONTENT_KEY, contents);

},

backToTop() {

this.$refs.scroll && this.$refs.scroll.scrollToTop();

},

updateScroll() {

this.$refs.scroll && this.$refs.scroll.update();

}

}

};

</script>

<style lang="scss" scoped>

@import "~assets/scss/mixins";

.content-wrapper {

position: relative;

height: 100%;

}

.loading-container {

position: absolute;

top: 0;

left: 0;

z-index: $category-popup-z-index;

@include flex-center();

width: 100%;

height: 100%;

// background-color: $modal-bgc;

.mine-loading {

color: #fff;

font-size: 14px;

}

}

.loading-wrapper {

width: 50%;

padding: 30px 0;

background-color: $modal-bgc;

border-radius: 4px;

}

.content {

padding: 10px;

}

.pic {

margin-bottom: 12px;

&-link {

display: block;

}

&-img {

width: 100%;

}

}

.section {

margin-bottom: 12px;

&:last-child {

margin-bottom: 0;

}

&-title {

height: 28px;

line-height: 28px;

color: #080808;

font-weight: bold;

}

&-list {

display: flex;

flex-wrap: wrap;

background-color: #fff;

padding: 10px 10px 0;

}

&-item {

width: (100% / 3);

}

&-link {

display: block;

}

&-pic {

position: relative;

width: 80%;

padding-bottom: 80%;

margin: 0 auto;

}

&-img {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

&-name {

height: 36px;

line-height: 36px;

text-align: center;

@include ellipsis();

}

}

.g-backtop-container {

bottom: 10px;

}

</style>

同学你好，报错信息是srcoll组件中没有找到update方法。建议检查下category/content.vue组件中是否有添加ref属性：

如果添加了还是报错，建议将相关页面代码粘贴上来，老师帮助测试。

祝学习愉快！