vue公共方法使用

公共函数创建  在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)"/>

 

上一篇:Windows服务器共享文件,Linux服务器实现挂载共享文件


下一篇:怎样将short[]数组转换成byte[]数组