Vue中使用v-bind绑定媒体
2021-09-07 18:05
465 查看
将图片作为变量引入
可以通用在一个js文件中引入Vue构造函数,在原型上绑定属性来在全局使用。
import Vue from "vue"; import img from "./img/img.png"; Vue.prototype.$img = { img, };
再在
main.js中引入即可
import "./utils/imgs.js"
在Vue3.x中使用
app.config.globalProperties.xxx来设置
// utils/imgs import logo from "@/assets/logo.png"; export { logo }; // main.js import * as imgs from "./utils/imgs"; app.config.globalProperties.$img = imgs;
将图片放入public
静态文件夹,使用相对于index的路径
<img :src="'./logo.png'" alt="" />
相关文章推荐
- 看程序学Vue.js 5- VUE.JS 使用V-BIND进行属性绑定
- Vue.js使用v-bind绑定class时的注意事项
- vue.js--基础 v-bind绑定属性使用
- Vue.js学习笔记:属性绑定 v-bind
- 使用call、apply和bind解决js中烦人的this,事件绑定时的this和传参问题
- std::bind绑定器、std::function、extern C的使用
- asp.net下的“Eval()、XPath() 和 Bind() 这类数据绑定方法只能在数据绑定控件的上下文中使用。”错误的一个可能的成因
- Vue中使用v-model绑定checkbox数据的问题
- vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
- Vue:01-指令、v-cloak、v-text、v-html、v-pre、v-once、双向数据绑定、v-model、mvvm、v-on、事件修饰符、按键修饰符、v-bind、分支结构、循环结构
- 如何解决FormView中实现DropDownList连动选择时出现 "Eval()、XPath() 和 Bind() 这类数据绑定方法只能在数据绑定控件的上下文中使用" 的错误
- Vue学习1-1.基础语法;2.指令:表单输入绑定,文本渲染;3.组件:定义组件,使用组件
- 绑定变量的正确使用,bind peeking,Adaptive Cursor Sharing
- vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
- 第一天(Vue的介绍、使用,Vue对象,属性绑定)
- 背水一战 Windows 10 (21) - 绑定: x:Bind 绑定, x:Bind 绑定之 x:Phase, 使用绑定过程中的一些技巧
- 【Vue基础笔记】v-bind绑定class、style语法
- 在vue中使用v-bind:class的选项卡方法
- C++关于tr1中绑定成员函数的bind使用
- 使用bind方法绑定事件