在写一个 emoji 组件，需要用到很多 emoji 表情，使用 data 定义一个 emoji 数组，里面有 文字 和 img 路径，发现图片不能显示，百度了一番，可以使用 require 来解决，require 是静态编译，在渲染DOM树时，路径就已经编译成图片资源了
转载
2021-05-27 00:14:00
1034阅读
2评论
使用
require 获取动态的src属性<div v-for="item in
img_list" :key="item.index"> {{item.title}} <
img :src="`@/assets/
img/h
原创
2022-12-21 10:18:18
274阅读
# 实现 "vue img axios" 的步骤
## 1. 安装Vue
首先，你需要在你的项目中安装Vue。在终端中运行以下命令：
```bash
npm install vue
```
这将会安装Vue的最新版本到你的项目中。
## 2. 创建Vue项目
接下来，你需要创建一个Vue项目。运行以下命令来创建一个新的Vue项目：
```bash
vue create my-project
`
原创
2023-10-20 16:55:47
71阅读
require()是nodejs的写法，用于导入模块、JSON 和本地文件，可以使用相对路径（例如 ./、./foo、./bar/baz、../foo）导入本地模块和 JSON 文件，该路径将根据 __dirname（如果有定义）命名的目录或当前工作目录进行解析。 在vue中使用img时，src 中 ...
转载
2021-08-06 16:14:00
3045阅读
<img @click="cosMo(a)" :src="cosemo.cosemoIm_c?'require(`@/assets/imgs/head/cose_a.png`)':require(`@/assets/imgs/head/cose_aa.png`)"/><img @click="cosMo(b)" :src="cosemo.cosemoIm_c?'require...
原创
2022-01-16 10:35:16
546阅读
<img @click="cosMo(a)" :src="cosemo.cosemoIm_c?'require(`@/assets/imgs/head/cose_a.png`)':require(`@/assets/imgs/head/cose_aa.png`)"/><img @click="cosMo(b)" :src="cosemo.cosemoIm_c?'require...
原创
2021-09-03 14:56:56
449阅读
问题描述：写的一个系统，用户登录后会使用数据库的数据作为用户头像，需要显示在页面上，那头像链接就需要用变量表示，那就用到了:src做动态绑定，直接加变量问题解决：1、使用require由于我们在写代码用的链接是编译前的，编译后图片文件，require中直接写死是没有错误的（里面全是字符串的话），但是如果只用一个变量，就会报错2、使用require的小技巧查找到了一篇有用的教程——前端es6 require动态引入图片报错Error: Cannot find module，“因为require它
原创
2021-09-09 15:57:14
4525阅读
Vue中import和require的对比一、前言 vue框架想必是我们前端朋友们必学的知识点，说它难也没有那么难，说简单也没有那么简单，主要技术就是那么几个，可是里面的细节很多，有些时候我们会用但未必知道他为什么要这么用，原理是是什么，就比如我们最为常见的导入方式——import和require，很多时候我们都会用得比较混淆，为了更清楚地很轻两者的关系，博主就特地写了这篇博文。二、import和
转载
2024-04-16 14:14:09
50阅读
**在vue中动态的引入图片为什么要使用require什么是静态资源？为什么动态添加的src会被当做的静态的资源？没有进行编译，是指为是什么没有被编译？加上require为什么能正确的引入资源，是因为加上require就能编译了？1、什么是静态资源与静态资源相对应的还有一个动态资源，先让我们看看网上的各位大佬们怎么解释的。静态资源：一般客户端发送请求到web服务器，web服务器从内存在取到相应的文
转载
2024-04-09 21:05:13
59阅读
懒加载：又叫延时加载，即在需要的时候进行加载，随用即载
import和require的区别node编程中最重要的思想就是模块化，import和require都是被模块化所使用。遵循规范
require 是 AMD规范引入方式
import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法调用时间require是运行时调用，所以require理论上可以运用在代码的任何地方import
转载
2024-04-23 15:00:51
104阅读
这里只是记录下：require-context(directory, true/false, reg) 功能类似于 body-parser。有三个参数：要搜索的目录、一个标记表示
原创
2021-04-21 15:37:26
128阅读
# Vue 在 iOS 上无法显示 img 标签的解决方案
在使用 Vue.js 开发 web 应用时，遇到图像无法在 iOS 设备上显示的情况并不罕见。这一问题通常源于多种因素，比如路径错误、格式不支持、样式问题等。本篇文章将介绍一些常见原因，以及如何通过示例代码解决这些问题。
## 常见原因
### 1. 图片路径错误
在项目中，图片路径通常是相对路径或绝对路径。如果路径不正确，就无法正
### Vue iOS 图片无法点击的解决方案
在移动开发中，特别是在处理 iOS 系统时，开发者经常会遇到图片无法点击的问题。这种情况通常是由于 CSS 的某些属性或是 Vue 的事件绑定不当导致的。本文将带您一步一步解决这个问题。
#### 整体流程
我们可以将整个解决方案分为以下几个步骤：
| 步骤 | 描述 |
|------|-
首先我们要明白require与import的基本语法：require的基本语法：在导出的文件中定义module.export,导出的对象的类型不予限定（可以是任何类型，字符串，变量，对象，方法），在引入的文件中调用require()方法引入对象即可，换一种说法就是require相当于module.exports的传送门，module.exports后面的内容是什么，require的结果就是什么，对
转载
2024-01-21 06:38:55
163阅读
require-ensure和require-amd的区别：require-amd 说明: 同AMD规范的require函数，使用时传递一个模块数组和回调函数，模块都被下载下来且都被执行后才执行回调函数语法: require(dependencies: String[], [callback: function(...)])
参数 dependencies: 模块依赖数组callback: 回调函
转载
2024-03-27 12:36:51
38阅读
require.context() 参数： 1、文件路径； 2、是否匹配子级文件（true,false); 3、正则，匹配的规则 demo： const requireComponent = require.context('.', false, /\.vue$/); const install = ...
转载
2021-08-17 11:53:00
811阅读
2评论
使用require.context自动配置路由首先在components文件夹下新建一个pages文件夹，然后在pages下面新建两个vue文件mode.index.vue和mode.show.vue，在components文件夹下新建一个index.route.js文件//index.route.jsvar r=require.context('./pages',true,/.vue/)var arr=[]r.keys().forEach(element => { var k
原创
2021-09-03 13:27:37
373阅读
vue里面使用图片的懒加载 文章目录前言一、安装相关的包二、使用步骤1.引入2.使用三、关于包的相关构成1. 简单介绍2. 简单操作总结 前言什么是懒加载通俗地讲就是需要用到图片的时候再去加载 懒加载的好处在于减少服务器的压力,在网络比较慢的情况下，可以提前给这张图片添加一个占位图片，提高用户的体验。一、安装相关的包安装懒加载所需的包npm install vue-lazyload --save二
转载
2023-11-01 14:30:48
93阅读
# Vue与jQuery结合使用动态赋值img src属性
在前端开发中，Vue与jQuery都是很流行的框架和库，各有各的优劣。Vue以其响应式的数据绑定和组件化开发而受到很多开发者的喜爱，而jQuery则以简洁的DOM操作而闻名。当我们需要在Vue中用到jQuery时，尤其是动态赋值图片的`src`属性，本文将为你详细介绍。
## 什么是动态赋值？
动态赋值是指在运行时根据程序的需要，改
原创
2024-10-06 03:47:00
145阅读
当我在html模块或者css中引入图片的时候用相对路径，例：<div>
<
img src="../../assets/
img/policeImg/tt.png">
</div> 这时候图片可以正常显示，但是我想把图片路径动态化，所以我会把图片路径绑定在data中。<div>
<
img :src="
img">
&
