分类：img

2020
10-08

解决vuecli3中img src 的引入问题

最近公司要做一个在线ps的项目但是后台没写完,我在用本地图片上传预览的时候发现图片不能显示,解决的办法是//页面的结构<divclass="workspace"><img:src='img'></div>exportdefault{data(){return{img:require('../../assets/fapiao.jpeg'),//这里只能使用require的方式去使用如果img是数组,就用//[require('../../assets/fapiao1.jpeg'),//require('../../assets/fapiao2.jpeg'),//require('..... 继续阅读 >
2020
10-08

解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题

解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题 项目需求：图片加载时，当鼠标滚动至当前图片进行加载并加上上滑特效，实现这个效果需要对文档文档滚动位置和图片的当前位置进行比较。但是mounted钩子函数执行时img图片并未加载出来也就是占位为空，导致图片位置计算出问题。解决这个问题，目前想到几种种方法一、对mounted钩子函数中init方法加上延时mounted:function(){this.$nextTick(()=>{//加上延时避免mounted方法比页面加载早执行或者对img进行块级化设置... 继续阅读 >
2020
10-08

vue 动态设置img的src地址无效,npm run build 后找不到文件的解决

vue 动态设置img的src地址无效,npm run build 后找不到文件的解决 动态设置img的src属性无效，而直接写可以解决办法：imgSrc写成require('path')；原因：动态添加src被当做静态资源处理了，没有进行编译npmrunbuild后出现xxxxxxxnet::ERR_FILE_NOT_FOUND解决办法：进入：build文件夹>打开webpack.prod.conf.js找到：output对象添加：publicPath：‘./'具体写法：publicPath:process.env.NODE_ENV==='production'?'./'+config.build.assetsPublicPath:'./'+config.dev.asset... 继续阅读 >
2015
11-17

如何给网页内容上所有的img标签加上alt属性

如何给网页上所有的img标签加上alt属性给img标签加上alt属性是为了更好的让搜索引擎识别，告诉它这是什么东西，但有时页面内容非常多的时候，有些img标签的alt属性就会漏写，检查起来非常烦，或者想让页面上布局更多的关键词，这就可以利用Jquery的一段代码来填补这些不足了，原理是这样的，先得出页面上所有的img标签的总数量，然后用一个for循环去查找每个img标签中有没有alt属性，如果没有，则就加上自己定义的alt属性，如果存... 继续阅读 >