vue 项目中引入图片

引入效果图：背景：恍恍惚惚的整了好长时间，我借助vant-ui组件去实现的这个效果图，空状态自定义组件，这里呢！需要引入图片，考虑到图片的引入，切记，图片不可直接引入，需要间接的1.需要在data 组件当中用require 去导入图片相对应的路径2. 在组件里边动态导入即可!!! 切记一定要记得加冒号哈...

一染星辰

4809人浏览 · 2022-06-19 15:16:35

一染星辰 · 2022-06-19 15:16:35 发布

引入效果图：

背景：恍恍惚惚的整了好长时间，我借助vant-ui组件去实现的这个效果图，空状态自定义组件，这里呢！需要引入图片，考虑到图片的引入，切记，图片不可直接引入，需要间接的

1.需要在data 组件当中用require 去导入图片相对应的路径

2. 在组件里边动态导入即可!!! 切记一定要记得加冒号哈

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^