CDN引入vue,使用图片懒加载

news/2024/7/19 14:32:36 标签: 前端, js, html

在new Vue 之前加入这样一段

Vue.use(vant.Lazyload, {
    lazyComponent: true
});

html部分

html"><div class="imgs">
	<img class="img" v-for="img of imageList" v-lazy="img">
</div>

在这里插入图片描述
F12看效果:
在这里插入图片描述


http://www.niftyadmin.cn/n/1599484.html

相关文章

新旧 Hadoop 框架配置项变化表

表 2. 新旧 Hadoop 框架配置项变化表配置文件 配置项 Hadoop 0.20.X 配置 Hadoop 0.23.X 配置 说明 core-site.xml 系统默认分布式文件 URI fs.default.name fs.defaultFS hdfs-site.xml DFS name node 存放 name table 的目录 dfs.name.dir dfs.namenode.name.dir 新框架中 …

在Cent OS上安装Bugzilla

这几天一直在折腾Bugzilla&#xff0c;原以为应该挺简单的&#xff0c;却也是一波三折。下面是“被虐”的过程&#xff1a; 一、下载 由于不太习惯Linux的命令行下载方式&#xff0c;就先在本地的下载了当前最新的稳定版本Bugzilla3.6.1 &#xff0c;然后通过scp上传到服务器…

hadoop2.x常用端口及定义方法

Hadoop集群的各部分一般都会使用到多个端口&#xff0c;有些是daemon之间进行交互之用&#xff0c;有些是用于RPC访问以及HTTP访问。而随着Hadoop周边组件的增多&#xff0c;完全记不住哪个端口对应哪个应用&#xff0c;特收集记录如此&#xff0c;以便查询。 这里包含我们使用…

未找到 van-toast 节点,请确认 selector 及 context 是否正确

1.json文件引入 "van-toast": "vant/weapp/toast/index",2.js文件引入 import Toast from vant/weapp/toast/toast;3.wxml写入 <van-toast id"van-toast" />4.js文件使用 Toast.loading({message: 加载中...,forbidClick: true,durati…

2010 ACM-ICPC Multi-University Training Contest(2)BUPT

1a r16 1 等比数列&#xff0c;之前想都没想两个for。贡献一次tle 5 赛后ac&#xff0c;看了数据&#xff0c;发现引号中的关键词不能算&#xff0c;不看到死也做不出&#xff0c;原来以下这句话是这个意思&#xff1b; 4, the keywords in a string are not valid, and th…

[初学hadoop]错误信息:hdfs://192.168.0.16:9000/report.bak, expected: file:///

在本地运行hadoop Map/Reduce程序时&#xff0c;在涉及到hdfs文件操作的时候&#xff0c;往往会出现上面提到的错误&#xff0c;例如&#xff0c;下面这段代码&#xff1a; 1 Path clear_path new Path(args[1]); 2 FileSystem fs FileSystem.get(conf); 3 fs.delete(clear_p…

设置rich-text标签样式

问题&#xff1a;多张图片中间存在一定的间隔 多张图片之间存在间隔只需要设置display属性为block就可以&#xff1b; <rich-text nodes"{{productDetail.content}}"></rich-text>2.先打印一下rich-text标签内容看一下 这里的img标签自身带了一个style&…

VS code常用插件

1.Auto Close Tag 标签自动闭合 2. Auto Rename Tag 自动重命名标签 3.Better Align 设置代码对齐 CtrlK,CtrlS打开快捷键设置&#xff0c;搜索wwm&#xff0c;设置自己的快捷键 4.Bracket Pair Colorization Toggler 括号颜色 5.Chiese&#xff08;Simplified&…