3 个回答

在watch里面对list进行监听就好了

compute () {
    tabBox() {
        if (!this.list) return []
        return this.list[0].scopes
    }
}

不过为什么开发前不先约定好开发接口呢?

数组嵌套可以直接循环的,你这边可以直接改。
v-for="(item1,index1) in list")
后面的循环再用
v-for="(item2,index2) in scopes"
给你贴一段参考代码

<div v-for="(item,index) in messageList">
                <!--医生对话内容-->
                <div class="docContent" v-if="item.user_type==='1'">
                    <div class="refeytime"><span>{{item.dateTime}}</span></div>
                    <div class="doctorReminder">
                        <div>
                            <img :src="doctor.logo">
                        </div>
                        <p class="sendName_left">{{doctor.name}}&nbsp;&nbsp;<b>{{doctor.title}}</b></p>
                        <div class="chatDoc" style="position: relative;max-width: calc(100% - 95px);">
                            <div class="triangle_border_left"><span></span></div>
                            <div class="reminder_info">
                                <span v-if="item.content!=''">{{item.content}}</span>
                                <img v-for="(imgUrl,imgIndex) in item.image" :src="imgUrl" class="imgClass" @click="lookOriginImg(index,imgIndex)" v-if="item.image.length>0">
                                <div class="voice-box" v-if="item.voice.length>0" v-for="audioSrc in item.voice" @click="playVoice(audioSrc.voice_url)">
                                    <img :src="audioSrc.voice_encode" alt="" style="display:none">
                                    <i class="voice-box-bg" v-bind:class="isPlay ?'play-voice':''"></i>
                                    <span class="voice-box-time">点击收听</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
</div>               

可以通过计算属性

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题