Comments (8)
我这里通过usingComponents导入iview-weapp src到mpvue中,在使用到action-sheet的时候handleClickItem1获取不到{detail}。原生小程序倒是能获取到。
handleClickItem1 ({detail}) {
const index = detail.index + 1
$Message({
content: '点击了选项' + index
})
},
好的,问题已解决,感谢 @jjjyy
问题:
若原生组件通过click事件,即this.triggerEvent('click', { index })来进行父子组件通信,mpvue无法从event.mp中读取到正确的detail,原因是因为mpvue将click事件编译为tap导致this.triggerEvent('click', { index })无法找到click句柄
解决方法:
修改组件库click事件名称,例如:
this.triggerEvent('click', { index }) => this.triggerEvent('iclick', { index })
对应的模板中:
@click => @iclick
受影响的组件(仅传值情况受影响)
action-sheet
modal
from iview-weapp.
可以,你如果想开发的话,我可以给你开一个 repo:iview-weapp-mpvue
from iview-weapp.
感谢大佬,可能只是给我们公司部门用,我自己的代码还拿不出手的(之前公司的后台我就是用的iview去搭的,真的很舒服,谢谢大佬一直在造轮子,会一直支持的)
from iview-weapp.
好想法,支持改成MPvue的。。我们的新项目也准备入坑MPvue了
from iview-weapp.
在mpvue中怎么使用$Message组件呢
from iview-weapp.
其实不需要专门搞一套mpvue版本的 ,在mpvue里直接引入原生组件就行了 ,不过要注意下iview的库是es6写的 ,需要用babel转一下再引入到mpvue里,或者改mpvue的脚手架
from iview-weapp.
我这里通过usingComponents导入iview-weapp src到mpvue中,在使用到action-sheet的时候handleClickItem1获取不到{detail}。原生小程序倒是能获取到。
handleClickItem1 ({detail}) {
const index = detail.index + 1
$Message({
content: '点击了选项' + index
})
},好的,问题已解决,感谢 @jjjyy
问题:若原生组件通过click事件,即this.triggerEvent('click', { index })来进行父子组件通信,mpvue无法从event.mp中读取到正确的detail,原因是因为mpvue将click事件编译为tap导致this.triggerEvent('click', { index })无法找到click句柄
解决方法:
修改组件库click事件名称,例如:
this.triggerEvent('click', { index }) => this.triggerEvent('iclick', { index })
对应的模板中:
@click => @iclick受影响的组件(仅传值情况受影响)
action-sheet
modal
解决方法:
修改组件库click事件名称,例如:
this.triggerEvent('click', { index }) => this.triggerEvent('iclick', { index })
对应的模板中:
@click => @iclick
按照这样改了也同样拿不到detail值
from iview-weapp.
@rendq 事件获取index为
handleClickItem1 ({mp}) {
const index = mp.detail.index
$Message({
content: '点击了选项' + index
})
},
from iview-weapp.
Related Issues (20)
- NPM报错Error HOT 1
- actionSheet怎么默认有加载中图标
- count-down倒计时,从后台取值后赋值,无法绑定时间? HOT 1
- 调试库改成2.10.1 i-modal 自定义按钮错位
- 啥时候出个组件预览功能啊?
- Modal对话框按钮问题
- sticky吸顶组件有待改善
- “辅助 Sub Color“ 的 16进制 值 #ed3f14 ?这是个红色,和辅助色 error的颜色撞了
- 导入微信开发者工具后报错
- 我如何才能修改你们的样式,i-class 只能修改一层,我不想修改你们的源码 有其他的办法吗?为什么你们不能向vantwebapp学习
- 为什么不在代码对应的地方,添加代码展示效果呢?
- Tabs 标签页默认文字颜色怎么修改 HOT 1
- 拉取新版的脚手架,放入你文件夹的examples 的微信原生代码,编译报错
- InputNumber onChange触发条件的问题
- 为啥没更新了呢 HOT 2
- i-tab-bar 组件内存在一个警告,修改的wx:key消除警告 HOT 2
- Drawer 抽屉
- input组件在没有设置maxlength时,在模拟器中无法输入 HOT 1
- 什么时候可以添加 tooltip 这项功能呢?
- 对话框自定义按钮显示样式问题 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from iview-weapp.