推荐设备MORE

商务型网站建设套餐—微信公

商务型网站建设套餐—微信公

行业新闻

米拓商城微信小程序-十几行代码就能够让你的小

日期:2021-04-09
我要分享
--------

米拓商城微信小程序

------- mpvue(github 详细地址请参照)是一个应用Vue.js 开发设计小程序的前端开发架构。架构根据Vue.js关键,mpvue改动了Vue.js的runtime 和compiler 完成,使其能够运作在小程序自然环境中,从而为小程序开发设计引入了整套Vue.js开发设计体验。 ...


mpvue ( github 详细地址请参照 )是一个应用Vue.js 开发设计小程序的前端开发架构。架构根据 Vue.js关键, mpvue 改动了 Vue.js 的runtime 和compiler 完成,使其能够运作在小程序自然环境中,从而为小程序开发设计引入了整套 Vue.js 开发设计体验。

由来已久 一直以来,我都在用mpvue来编写小程序运用,尽管难题许多,但是都有取代计划方案。

例如在mpvue中,slot(插槽)中的內容不可以动态性的3D渲染,那大家能够舍弃应用slot内应用动态性数据信息。该难题在github中有多人反映。

再例如在mpvue中,自定命令会立即致使编译程序出错,那末大家能够舍弃应用自定命令。该难题在github中也有多人反映。

可是今日的难题确实太比较严重,我一定要吐槽一下。

bug状况 大家在开发设计全过程中,发如今某种状况下,网页页面UI层的升级机会所有错乱。即 数据信息变动后,仅有在下次的onShow生命周期里有反映(有种 慢一拍 的觉得),总体的觉得就是 网页页面的展现和互动彻底瘫痪 。

bug调研 大家花了整整一天的時间调研,最终发现难题是 在自定组件上动态性为v-if关联值取值上 。

将编码精简到十几行便可以复现bug。

bug再现 记牢,这是一个mpvue新项目。我在src/pages/文件目录下新建一个test网页页面,对应的index.vue文档的编码以下,逻辑性很简易,就是运用v-if操纵一个组件的显示信息:

 template 
 test v-if= show /test 
 /template 
 script 
import test from @/components/posterTest.vue 
export default {
 data () {
 return { show: true }
 onShow () {
 this.show = false //在onShow生命周期里,先将v-if关联值置位false,2秒再置位true
 setTimeout(() = { this.show = true }, 2000)
 components: { test }
 /script 拷贝编码
在其中引入了posterTest组件。以便调研bug,我将过剩的实际操作解决所有去掉,仅有一张照片,它的编码以下:

 template lang= html 
 div >
---------

米拓商城微信小程序

------------