当前位置: 首页 > news >正文

Vue2:引入公共JS,通过this调用

tools.js

   // 图片加上前缀 baseurl 是请求域名 img 是图片路径export function getimgurl(img) {return `${this.$baseurl}${img}`}

main.js

import baseUrl from "@/api/baseUrl.js"
Vue.prototype.$baseurl = baseUrlimport {getimgurl} from '@/api/tool.js';
Vue.prototype.$getimgurl = getimgurl;

页面使用

// 使用1
<image :src="$getimgurl('upload/1.png')" mode="aspectFill" v-if="item.cover_image"></image>
// 使用2
this.$getimgurl('upload/1.png')

baseUrl.js

export default "https://shop.com/"

相关文章:

  • 前端基础之《Vue(15)—组件通信(2)》
  • 【漫话机器学习系列】247.当 N=整个母体(WHEN N=POPULATION)
  • vue2 两种路由跳转方式
  • 网络化:DevOps 工程的必要基础(Networking: The Essential Foundation for DevOps Engineering)
  • 信息学奥赛一本通 1511:【SCOI2011】糖果 | 洛谷 P3275 [SCOI2011] 糖果
  • 单片机嵌入式滤波算法库
  • 3.2.3 掌握RDD转换算子 - 5. 合并算子 - union()
  • 人工智能可信度新突破:MIT改进共形分类助力高风险医学诊断
  • AI领域的MCP(Model-Centric Paradigm)
  • vue 中如何使用region?
  • 一、Redis快速入门
  • 《社交应用架构生存战:React Native与Flutter的部署容灾决胜法则》
  • 关于Bearer Token
  • IBM BAW(原BPM升级版)使用教程第五讲
  • k8s术语之Horizontal Pod Autoscaling
  • PlatformIO
  • RSS 2025|斯坦福提出「统一视频行动模型UVA」:实现机器人高精度动作推理
  • 结合Splash与Scrapy:高效爬取动态JavaScript网站
  • k8s术语之job
  • 使用mermaidchart 显示graph LR
  • 夜读丨古代有没有近视眼?
  • 追光|铁皮房、土操场,这有一座“筑梦”摔跤馆
  • 国防部:奉劝有关国家不要引狼入室,甘当棋子
  • 调节负面情绪可以缓解慢性疼痛
  • 这个五月,有三部纪录电影值得一看
  • 巴基斯坦军方:印度导弹袭击已造成至少3死14伤