ImagePreview

vue 中 选择元素 模拟点击事件

南楼画角 提交于 2020-08-09 18:41:58
<img v-image-preview :src="carImg" ref="carImg" /> <a-button type="link" @click="$refs.carImg.click()" icon="arrows-alt" >放大图片</a-button> ref="carImg" 设置元素名称 后面可以选择 js中选择方式: this.$refs.carImg js 模拟点击: el.click() 在vue的@clike里: $refs.carImg.click() 来源: oschina 链接: https://my.oschina.net/xiaohuai4869/blog/4298506

wxParser 插件更新,让你在小程序中更快速更完美部署富文本

无人久伴 提交于 2020-03-06 18:14:46
作者: 知晓云 - 小程序开发快人一步 wxParser 小程序插件时隔一年终于更新了。这次更新主要针对在 gitthub 上同学们提出的 issue 进行一些特性的更新,更新后的 wxParser 将支持更多可配置项,让富文本更完美地在小程序端显示。 新特性: image-lazy-load 属性,支持给所有图片设置懒加载; image-preview 属性设置图片是否支持点击放大,默认 true,点击放大; bindImgLoad 事件,监听小程序 image 标签的 bindload ,即图片加载完成的事件; 组件生命周期的 ready, attached, detached 的监听事件,通 bind:ready,bind:attached, bind:detached 进行监听; 支持外挂 class,可以在 wxss 文件给富文本内容添加自定义样式。 插件能做什么? 「wxParser」小程序插件由知晓云团队发布,经过对微信小程序富文本渲染引擎 wxParser 进行一层封装,解决了使用起来太过麻烦的问题。 使用「wxParser」插件并配合富文本编辑器,可以很方便地开发内容展示类小程序,使用知晓云富文本编辑器效果更佳。例如「知晓课堂」小程序中的微信小程序开发课程便是使用「wxParser」插件配合知晓云内容库完成的。 以对在知晓云编写的富文本内容进行解析为例