小程序wxml在渲染的时候出现了问题?
发布于 6 年前 作者 tangyan 4920 次浏览 来自 问答

代码片段如下:

https://developers.weixin.qq.com/s/bgqrPOmV7YdA

如下图所示,第二题的题目是两行的,第三题的题目是一行的,当这种情况发生时,题目这个地方,只有第一行被覆盖了,第二行还展示的,请问这是什么问题

具体实现的时候就是

点击下一步,取下一个题目信息

const app = getApp()

Page({
  data: {
    idx: ,
    items:[
      '饿啊饿我认为二位二位维特瑞特如太晚而台湾台问题问题',
      '的官方付付付付过'
    ]
  },
  onTap: function(){
    let idx = this.data.idx;
    idx++;
    this.setData({
      idx
    })
  },
  onLoad: function () {
    console.log('代码片段是一种迷你、可分享的小程序或小游戏项目,可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题和 Bug 等。可点击以下链接查看代码片段的详细文档:')
    console.log('https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html')
  },
})

view
  viewclass"intro"欢迎使用代码片段,可在控制台查看代码片段的说明和文档</view
  viewclass"title"{{idx+}}、{{items[idx]}}</view
  view
    buttonbindtap"onTap"下一个</button
  </view</view

.intro {
  margin: 30px;
  text-align: center;
}
.title{
  min-height: 50px;
}

5 回复

iPhone X 使用代码片段真机预览及调试都未复现问题,微信客户端7.0.8 IOS13.3

设置个key呢?每次改变题目的时候把key也变下?

我愣是没看懂你问的啥……

这问题不清楚,小米复现不出来,没有iphone x

模拟器没有出现该情况,真机预览模式和线上环境都会出现的,手机iphonx,代码片段如下

https://developers.weixin.qq.com/s/bgqrPOmV7YdA

回到顶部