mpvue只是能让你使用比较熟悉的vue语法开发而已, 最近项目中开发在用到QCombox

2019-11-19 作者:美高梅-操作系统   |   浏览(115)

   最近项目中开发在用到QCombox,然而在开发中,踩到了一个坑,花了一个晚上,一直在想,好在最后找到问题所在了。

最近公司开始做小程序项目,因为之前比较熟悉vue,不太想为小程序专门再去学习他那套语法了,所以找了美团团队开源的mpvue作为解决方案mpvue具体情况可以看github上面的官方文档:mpvue文档

博客: 安卓之家
掘金: jp1017
微博: 追风917
CSDN: 蒋朋的家
简书: 追风917

图片 1

mpvue原理:大概原理就是他们改动了compile文件,将我们写的vue文件重新编译成wxml等文件,最后的底层实现还是用的小程序语法,mpvue只是能让你使用比较熟悉的vue语法开发而已,所以中间肯定有不少vue和小程序之间的差别需要在开发的时候注意的

图片 2

这是业务的流程。直接说重点:QCombox在下拉窗更新数据的时候,会默认把下拉窗的第一个条数据,设置为选中的状态,这样的话,就会产生curentTextChanged的一个信号,直接把逻辑层原先有的数据给修改了。

下面说说开发过程中会遇到的问题

来自 Momentum 的美图

  为此,进行了日志打印一探究竟:

页面配置

首先说下页面配置,mpvue的默认页面需要一个xx.vue单页面组件,同时配合上一个main.js文件,也就是说每新建一个页面都需要这样两个文件,而且main.js中的东西基本重复,显得比较冗余

这里推荐一个第三方的插件:mpvue-entry

该插件使得我们新建页面时只需要一个xx.vue文件,并且将页面路由通过一个js文件统一配置(符合vue开发的习惯),不用再放置在main.js中了

特别提醒:该插件的版本请使用0.xx的版本,1.xx的版本与目前的mpvue有冲突

这篇文章主要介绍基于 正则表达式 屏蔽不需要的字符串, 打造更科学的日志终端.

本文由美高梅赌堵59599发布于美高梅-操作系统,转载请注明出处:mpvue只是能让你使用比较熟悉的vue语法开发而已, 最近项目中开发在用到QCombox

关键词:

  • 上一篇:没有了
  • 下一篇:没有了