公共函数创建 在utils文件夹下新建***.js
创建函数:
/**
* 图片地址前缀+图片相对地址
* @param {*} key
*/
export function ImgUrl (key) {
return "http://localhost:8001/wx/source"+key
}
1)在js中使用方式
import { ImgUrl } from '@/utils' //引入公共方法
在需要转换图片链接处直接使用 ImgUrl(“图片相对地址”)
2)在前端标签中绑定的使用方式
main.js中添加
//挂载全局
import {ImgUrl } from '@/utils'
Vue.prototype.ImgUrl = ImgUrl //图片地址
标签中调用
<img :src="ImgUrl(scope.row.image)"/>