前端封装云图片函数

63 阅读 0 评论 42 点赞

我是靠谱客的博主儒雅猫咪，最近开发中收集的这篇文章主要介绍前端封装云图片函数，觉得挺不错的，现在分享给大家，希望可以做个参考。

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，自己另外复制另外一个函数改掉函数后面的后缀。

以上就是儒雅猫咪为你收集整理的前端封装云图片函数的全部内容，希望文章能够帮你解决前端封装云图片函数所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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