当前位置: 首页 > 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/"
http://www.dtcms.com/a/178638.html

相关文章:

  • 前端基础之《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
  • OCCT中的布尔运算
  • C++GO语言微服务和服务发现
  • C++GO语言微服务基础技术①
  • Qt/C++面试【速通笔记八】—Qt的事件处理机制
  • 深入理解二叉树(2)
  • 【软考-高级】【信息系统项目管理师】【论文基础】采购管理过程输入输出及工具技术的使用方法
  • Lua学习笔记
  • 聊聊Spring AI Alibaba的SentenceSplitter
  • Android ImageView 加载 Base64编码图片
  • 告别手动输入密码:基于SSHPass的自动化文件传输实践告别手动输入密码:基于SSHPass的自动化文件传输实践