.vue中出现未使用的标签

Question

.vue中（第四行）img :src="imgArr" alt="" imgArr显示未使用的标签

<template>
    <div class="lunbo" >
        <ul class="img_list">
            <li><a href="https://www.baidu.com/index.php?tn=monline_3_dg" target="_blank"><img :src="imgArr"  alt=""></a></li>        
           <div class="pointer" >
                <a  class="active" @click="" href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
            </div>
        </ul>
    </div>
</template>
<script>

export default{
    name:"LunBo",

    data() 
    {
          imgArr:[
          "../assets/LunBo_1.jpg",
          "../assets/LunBo_2.jpg",
          "../assets/LunBo_3.jpg",
          "../assets/LunBo_4.jpg",
          "../assets/LunBo_5.jpg"
          ]
          index: 0
    },
    methods(){
            
    }
}

Answer 1

你的data写错了吧，少了个return,试试改了之后还会不会提示

data () {
    return {
        imgArr:[
          "../assets/LunBo_1.jpg",
          "../assets/LunBo_2.jpg",
          "../assets/LunBo_3.jpg",
          "../assets/LunBo_4.jpg",
          "../assets/LunBo_5.jpg"
          ],
        index: 0

    }
},