logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue + 图片加载 + 默认图片

需求:图片数据未返回 + 图片数据返回为空 + 图片加载出错 时,图片采用默认图片展示。解决:先判断返回数据是否有,再通过img 的 load事件判断是否加载完成。现象:图片会先加载默认图片,等到请求的图片加载完成替换默认图片。注意:代码中 1 至 2 处是必须使用 v-show,若使用 v-if ,其中一个图片无效时,DOM中img标签则会全部为默认图片的img标签。...

vue,请求获取图片code,img中产生两次src获取资源问题

示例代码:<template><!-- 1、 --><img :src="imgUrl + MainImg + '_0x0'" alt="款式主图" v-if="MainImg != ''"><!-- 2、<table clas

实现鼠标经过,产品图片的局部放大功能

vue中实例:操作dom实现参考:https://blog.csdn.net/alightman/article/details/78074687注意点:1、小图、放大图、高亮区域之间的定位以及结构。2、鼠标事件绑定在小图和高亮的父元素上。3、使用mouseenter和mouseleave事件,不使用mouseover和mouseout事件;区别:当绑定事件的元素里面有子元素的时候,鼠标经过绑定m

vue插件(自定义组件或js文件使用),vue.extend(),vue.component()注册组件

一、vue.use()自定义组件或者引用第三方组件(即vue文档中的插件)?参考:https://cn.vuejs.org/v2/guide/plugins.html1.1、使用第三方组件通常我们在vue里面使用别人开发的组件,第一步就是install,第二步在main.js里面引入,第三步Vue.use这个组件。例如:引入element-ui组件。1.2.1、自定义组件使用自定义的组件今天我简单

vue + iview 中 Input 与 input 的 change 事件区别

转自:https://blog.csdn.net/yiifaa/article/details/524521531、vue + input<label>input:</label><input type="text" v-model="message" placeholder="Hello" /><span>{{message}...

scroll、scrollBy和 scrollTo三种方法定位滚动条位置,以及在vue中使用的注意事项

在默认情况下,页面加载完后默认滚动在最顶端,有些时候我们需要在页面打开后,定位滚动条的位置,比如,横向和纵向滚动条居中,实现页面滚动的方法有三种:scroll、scrollBy和 scrollTo,三个方法都带两个参数:x(X轴上的偏移量)和y(Y轴上的偏移量)。因此我们只需修改x,y的偏移量来设置滚动条的位置。另外,页面的滚动高度必须在网页加载完成后才能获取到,所以触发事件用onload。方法一

Vue2 ,v-model,以及利用 v-model 实现组件props双向绑定的解决方案

一、v-model?https://segmentfault.com/a/1190000009492595 v-model 其实是一个语法糖,这背后其实做了两个操作v-bind 绑定一个 value 属性v-on 指令给当前元素绑定 input 事件在原生表单元素中<input v-model='something'>就相当于&lt...

到底了