All Projects → wkl007 → Mpvue Iview Weapp

wkl007 / Mpvue Iview Weapp

Licence: mit
使用mpvue导入iview-weapp

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Mpvue Iview Weapp

Mpvue Weui
基于 mpvue 的 weui 框架
Stars: ✭ 279 (+357.38%)
Mutual labels:  mpvue
Weapp.socket.io
A WebSocket client for building WeChat Mini Program implement by socket.io
Stars: ✭ 517 (+747.54%)
Mutual labels:  mpvue
Mpvue Animated Number
微信小程序 mpvue 数字更新滚动动画组件 / An animated number component for mpvue
Stars: ✭ 33 (-45.9%)
Mutual labels:  mpvue
Mpvue Router Patch
🛴在 mpvue 中使用 vue-router 兼容的路由写法
Stars: ✭ 298 (+388.52%)
Mutual labels:  mpvue
Mpvue Cnode
用mpvue写的小程序版的cnode社区
Stars: ✭ 407 (+567.21%)
Mutual labels:  mpvue
Awesome Uni App
Awesome for uni-app! 基于Vue.js的跨平台多端应用前端框架uni-app一站式开发资源汇总
Stars: ✭ 689 (+1029.51%)
Mutual labels:  mpvue
citySelector
🛳基于mpvue的微信小程序 城市/区县定位选择模块 汉字/拼音搜索 可直接使用 已更新
Stars: ✭ 52 (-14.75%)
Mutual labels:  mpvue
Vantweappmpvuedemo
mpvue中使用Vant Weapp
Stars: ✭ 46 (-24.59%)
Mutual labels:  mpvue
Mpvue
基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
Stars: ✭ 20,383 (+33314.75%)
Mutual labels:  mpvue
Uni App
uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架
Stars: ✭ 34,949 (+57193.44%)
Mutual labels:  mpvue
Mpvue Zanui
使用 mpvue 框架重写 zanui。
Stars: ✭ 343 (+462.3%)
Mutual labels:  mpvue
Mpvue Calendar
📅 A calendar component for vue3.0. Support gesture sliding, range selection, according to the week switch...
Stars: ✭ 373 (+511.48%)
Mutual labels:  mpvue
Alaweb
一套 Vue 代码,多端可用(H5、小程序、苹果App、安卓App、头条等)。系统含150+页面,200+组件(5端通用),30+元件(每个终端独立完成)
Stars: ✭ 837 (+1272.13%)
Mutual labels:  mpvue
Mpvue Douban
基于 mpvue 实现豆瓣电影微信小程序 @zce
Stars: ✭ 288 (+372.13%)
Mutual labels:  mpvue
Mpvue Xbyjshop
前端mpvue🚀后端nodejs🔋+thinkjs+mysql📂微信小程序商城
Stars: ✭ 973 (+1495.08%)
Mutual labels:  mpvue
Vue Mpvue Chatrobot
㊙A chat robot for web & Wechat producted by vue+mpvue+nodejs.
Stars: ✭ 269 (+340.98%)
Mutual labels:  mpvue
Ithome Lite
🥛 IT之家第三方小程序版客户端(使用 mpvue 开发,兼容 web)
Stars: ✭ 531 (+770.49%)
Mutual labels:  mpvue
Mpvue Loader
mpvue loader
Stars: ✭ 47 (-22.95%)
Mutual labels:  mpvue
Awesome Mpvue
A curated list of awesome things related to mpvue
Stars: ✭ 1,030 (+1588.52%)
Mutual labels:  mpvue
Image Cropper
💯一款功能强大的微信小程序图片裁剪插件
Stars: ✭ 893 (+1363.93%)
Mutual labels:  mpvue

mpvue-iview-weapp

使用mpvue通过usingComponents导入iview-weapp

预览

1. git clone
git clone https://github.com/wkl007/mpvue-iview-weapp.git

2. 安装依赖
cd mpvue-iview-weapp && npm install

3. 启动程序
npm run dev

4. 预览
打开微信开发者工具,新建项目,将目录指向 /dist/wx 即可

问题

若原生组件通过click事件,即this.triggerEvent('click', { index })来进行父子组件通信,mpvue无法从event.mp中读取到正确的detail,原因是因为mpvueclick事件编译为tap导致this.triggerEvent('click', { index })无法找到click句柄

暂时解决方案

修改组件库click事件名称,例如:

this.triggerEvent('click', { index }) => this.triggerEvent('iclick', { index })

对应的模板中:

@click => @iclick

注:本次示例中修改了action-sheetmodal组件

受影响组件(仅传值情况受影响)

  1. action-sheet
  2. modal
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].