zoukankan      html  css  js  c++  java
  • vue项目动态绑定img标签的资源地址(基于项目的地址)

                <v-list v-show="!show">
                    <v-list-item-group v-model="model">
                        <v-list-item
                            v-for="(item, i) in items"
                            :key="i"
                        >
                            <v-list-item-icon class="ma-0 py-2">
                                <!-- <v-icon v-text="item.icon"></v-icon> -->
                                <img :src="item.src" width="50px" alt="" />
                                <!-- <div class="img-box"></div> -->
                            </v-list-item-icon>
                            <v-list-item-content>
                                <v-list-item-title class="pl-2">
                                    <span class="pr-1">{{ item.text }}:</span>
                                    <span>{{ item.value }}</span>
                                </v-list-item-title>
                            </v-list-item-content>
                        </v-list-item>
                    </v-list-item-group>
                </v-list>
        data() {
            return {
                show: true,
                items: [
                    {
                        icon: 'mdi-inbox',
                        text: '今日涉属地信息量',
                        src: require('../../../assets/images/index_today.png'),
                        value: '21'
                    },
                    {
                        icon: 'mdi-star',
                        text: '今日全国热点总量',
                        src: require('../../../assets/images/index_special.png'),
                        value: '21'
                    },
                    {
                        icon: 'mdi-send',
                        text: '今日涉属地热点信息量',
                        src: require('../../../assets/images/index_hot.png'),
                        value: '21'
                    },
                    {
                        icon: 'mdi-email-open',
                        text: '今日涉属地舆情信息量',
                        src: require('../../../assets/images/index_terr.png'),
                        value: '21'
                    }
                ],
                model: 1
            };
        },

    解决办法:在数据data里面的变量绑定添加 require()就可以

  • 相关阅读:
    21322
    9-1
    作业五1
    作业五2
    实验9-2
    作业4函数应用
    实验九 1
    实验八 数组2 输出一张九九乘法口诀表。要求必须将乘积放入一个二维数组中,再输出该数组,程序运行效果如下
    实验八 (调试)
    实验6剩余部分
  • 原文地址:https://www.cnblogs.com/zaco/p/13492359.html
Copyright © 2011-2022 走看看