前端封装云图片函数

192 阅读 0 评论 127 点赞

我是靠谱客的博主儒雅猫咪，这篇文章主要介绍前端封装云图片函数，现在分享给大家，希望可以做个参考。

function imgurl (abc, option={}) {
option[abc.toString()] ="http://mall.qianbih.com/pt/" + abc + '.png'

return option[abc.toString()]
}

将此函数封装至js文件中，我的文件名叫reusturl.js在api文件夹下面,封装完成后再app.vue文件中全局导入并配置。

import api from './api/reusturl.js'；

Vue.prototype.api = api

至此html文件中引入的方式为<image :src="api.imgurl('图片名字')"></image>

注释http://mall.qianbih.com是自己的云图片域名地址，pt是下面的文件夹，此类型只支持png 如果需要jpg或是jpeg，自己另外复制另外一个函数改掉函数后面的后缀。

以上就是儒雅猫咪最近收集整理的关于前端封装云图片函数的全部内容，更多相关前端封装云图片函数内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。