bug合集

自己整理的方便以后查看

1.图片路径  bug

bug：无法载入此图片

  <li v-for="item in tit">
                   
                    <div class="spanim">
                        <span>{{ item.shu }}</span>
                        <img :src="item.image" alt=""> //此处出现bug 循环遍历后 无法载入
                    </div>
                    <div class="spanims">
                        <span>{{ item.tits }}</span>
                        <div>
                            <img src="../../image/下载.svg" alt="">  //正常显示
                            <span>{{ item.percent }}</span>
                        </div>
                        <img src="../../image/向右.svg" alt="">
                    </div>
                </li>

//使用本地路径引入图片
const tit = reactive([
    {
        title: '近30天销售额',
        shu: "￥68868.00",
        image: `../../image/竖线图标.svg`,
        tits: "自从上周以来",
        images: "../../image/下载.svg",
        percent: "20.5%",
        imagess: "../../image/向右.svg"

    },
    {
        title: '近30天收入',
        shu: "￥77788.00",
        image: "../../image/竖线图标.svg",
        tits: "自从上周以来",
        images: "../../image/下载.svg",
        percent: "20.5%",
        imagess: "../../image/向右.svg"

    },
    {
        title: '近30天购买用户数',
        shu: "66",
        image: "../../image/用户.svg",
        tits: "自从上周以来",
        images: "../../image/下载.svg",
        percent: "20.5%",
        imagess: "../../image/向右.svg"

    },
    {
        title: '近30天订单(个)',
        shu: "527",
        image: "../../image/待办事项.svg",
        tits: "自从上周以来",
        images: "../../image/下载.svg",
        percent: "20.5%",
        imagess: "../../image/向右.svg"

    }])

修改：将 image中的 ../../ 修改成src即可

const tit = reactive([
    {
        title: '近30天销售额',
        shu: "￥68868.00",
        image: `src/image/竖线图标.svg`,
        tits: "自从上周以来",
        images: "../../image/下载.svg",
        percent: "20.5%",
        imagess: "../../image/向右.svg"

    },
    {
        title: '近30天收入',
        shu: "￥77788.00",
        image: "src/image/竖线图标.svg",
        tits: "自从上周以来",
        images: "../../image/下载.svg",
        percent: "20.5%",
        imagess: "../../image/向右.svg"

    },
    {
        title: '近30天购买用户数',
        shu: "66",
        image: "src/image/用户.svg",
        tits: "自从上周以来",
        images: "../../image/下载.svg",
        percent: "20.5%",
        imagess: "../../image/向右.svg"

    },
    {
        title: '近30天订单(个)',
        shu: "527",
        image: "src/image/待办事项.svg",
        tits: "自从上周以来",
        images: "../../image/下载.svg",
        percent: "20.5%",
        imagess: "../../image/向右.svg"

    }])