我想反馈一个 Bug


自定义组件中text标签(只有text标签会出现)的样式为动态数据 ,数据来自一个list,该页面绑定了上拉加载事件

会给list concat数据进去,当上拉加载触发,数据增多,之前数据绑定上的class对应的wxss代码无效


* 提供一个最简复现 Demo 代码如下:

component代码

“des.wxml”

<block wx:for="{{datas}}" wx:key="index">
<text class="des {{item.key}}">123123</text>
</block>


"des.js"

properties: {
 datas: {
   type: Array,
value: [],
observer: function (newVal, oldVal) {
   }
 },
},


"des.wxss"

.des {
 font-size: 20px;
}
.des1 {
 color: red;
/* background-position: 70% 44.4%; */
}
.des2 {
 color: yellow;
/* background-position: 0 11.1%; */
}
.des3 {
 color: green;
/* background-position: 20% 11.1%; */
}
text {
 display: block;
}


"页面代码"

"test.wxml"

<!--pages/test/test.wxml-->
<view>
<view>123</view>
<des datas="{{data}}">567</des>
</view>

"test.js"

data: {
 data: [{ "key": "des1" }, { "key": "des2" },
{ "key": "des3" }],
extraData: [{ "key": "des3" },
{ "key": "des1" }, { "key": "des1" }]
},

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {

},
onReachBottom: function () {
   let datas = this.data.data.concat(this.data.extraData)
   this.setData({"data":datas})
},



下拉数据变化css无效 手机里也是同样的情况

期待回复。

展开全部
收起
5回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • 贺纸张

    19人对此回答表示赞同

    遇到类似问题,自定义组件中的text标签,动态添加的class没有起效,控制台可以看到成功添加了类,但是样式没有生效.。改成view之后正常

    展开
    19
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Aiden

    16人对此回答表示赞同

    我还以为只有我有这种情况!

    展开
    16
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 爱不复生

    12人对此回答表示赞同

    我还以为只有我有这种情况!

    展开
    12
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 梁碧芝

    9人对此回答表示赞同

    可以回复下吗?

    展开
    9
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 欢声笑语

    4人对此回答表示赞同

    我还以为只有我有这种情况!

    展开
    4
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部