【vue】在vue,vue cli中拼接字符串,拼接图片链接
来源:互联网 发布:冻干粉去红血丝知乎 编辑:程序博客网 时间:2024/05/27 03:28
以往拼接字符串一般用“+”或者“.”,但是在vue中可以使用过滤器的方式
当json数据中的图片链接是相对路径时,需要为它拼接出绝对路径
如下:
dataEle.poster是提供的相对路径:i4/TB1KXM8SFXXXXaIaXXXXXXXXXXX_.jpg
图片的实际路径是https://gw.alicdn.com/i4/TB1KXM8SFXXXXaIaXXXXXXXXXXX_.jpg
imgUrl是过滤器
filters: { url: function (value) { if (!value) return '' value = 'https://gw.alicdn.com/' + value return value }}
<li v-for="(dataEle,index) in datas"> <img :src=dataEle.poster|url alt="">
阅读全文
0 0
- 【vue】在vue,vue cli中拼接字符串,拼接图片链接
- vue中变量和字符串拼接
- vue中如何在v-for中动态的使用将index拼接字符串后绑定id属性
- vue脚手架vue-cli
- Vue Vue-Cli
- 在Vue-cli项目中使用echarts
- vue+vue-cli+webpack中引入jQuery
- vue-cli
- vue-cli
- vue-cli
- vue-cli中配置sass
- vue-cli中引入element
- vue-cli中安装方法
- vue-cli 中使用Vuex
- vue-cli中使用sass
- vue-cli 中使用 TypeScript
- vue-cli 中使用 TypeScript
- vue-cli构建vue项目
- 大数据学习笔记(三)-Yarn
- 找出数组最大值
- Python实现图片滑动式验证识别
- DevOps,就是开发吃掉运维?
- HDU 2100 Lovekey(模拟26进制)
- 【vue】在vue,vue cli中拼接字符串,拼接图片链接
- TCP和UDP的区别(转)
- Inception-V2,V3
- Java实现图片压缩
- ROS 里程计(Odometry) 风波
- HDOJ 1718 Rank
- LeetCode40. Combination Sum II
- 00.去,过你想要的人生——序言(笔记)
- 来自金融用户的观点:在云的大趋势下,软件定义存储必将在3年内普及