三木运算怎么显示图片

Question

怎么样才能让这个字符串显示为图片啊，怎么写才是对的aa 不知道该怎么写了

Answer 1

下午好🌅🌅🌅
本答案参考ChatGPT-3.5

可以将图片路径存储在data中，根据条件来判断需要显示哪张图片，然后再用v-bind指令将图片路径绑定到img标签的src属性上。

解决方案如下：

1. 在data中添加需要使用的图片路径：

data(){
    return{
        ur11:require('@/assets/xy.png'),
        ur12:require('@/assets/dy.png'),
        listweather: [], // 省略其他数据
    }
}

1. 在模板中将路径绑定到img的src属性上：

<li v-for="(item ,index) in listweather.slice(0,7)" :key="index">
    {{item.ymd}}<br/>
    {{item.week}}<br/>
    {{item.type==="大雨"?"1":"2"}}<br/>
    <img :src="item.type==='大雨'?ur12:ur11"> {{item.type}}<br/>
</li>

其中:v-bind简写为:。

这样即可根据天气类型在img标签中显示对应的图片。