search

Meituan-Dianping / mpvue

基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系。
http://mpvue.com
MIT License
20.41k stars 2.07k forks source link

mpvue怎样实现的图片预览，就是那种点击放大可以左右滑动的效果 #798

Closed gy-l closed 5 years ago

gy-l commented 6 years ago

我使用了vue-picture-preview，但是终端会有报错，报错内容如下： (Emitted value instead of an instance of Error) - 不支持此属性-> v-preview="img"

还有一个担忧是我需要H5和小程序都能使用，如果不能至少H5能使用，目前还没有编译为H5，请求大神赐教。

F-loat commented 6 years ago

直接用小程序原生的就行，H5 可以想办法，模拟

1icheng commented 5 years ago

你好，怎么实现请问

KuangPF commented 5 years ago

wx.previewImage(Object object)

1icheng commented 5 years ago

你好我的意思是在mpvue中使用，小程序原生很简单，但是mpvue我不知道怎么传src的路径

KuangPF commented 5 years ago

不知这个有帮助没得?

1icheng commented 5 years ago

请问可以像小程序这样写吗 wx.previewImage({ current: '', // 当前显示图片的http链接 urls: [] // 需要预览的图片http链接列表 })

但是不知道data-src，，mpvue的写法是怎么样子的

KuangPF commented 5 years ago

和 vue 中写法一样 

<div data-url='https://baidu.com' @click="getUrl"></div>
getUrl(e) {
    console.log(e.currentTarget.dataset.url); // url
},
1icheng commented 5 years ago

谢谢啦，已经解决了

mpvue-bot[bot] commented 5 years ago

issue超过30天无更新或响应，7天后将自动关闭，如果问题状态有更新请及时更新issue