list-view 滚动报错 另外有图片的时候滚动卡顿

beautifulLife

Not found jsId to $_updateCell or cur element is unsupport $_updateCell

卡顿错位是因为cell没设置高；但是聊天界面每个cell没法设置高

技术咨询-特特

发一下你的简化版的代码，我们这边测试一下

beautifulLife

我采用  grid-view 可以解决卡顿 就是安卓还是报错  Not found jsId to $_updateCell or cur element is unsupport $_updateCell. at avm.js:1




<view class="page">
        <grid-view
            column-count="1"
            cell-type-key="cellType"
            id="listView"
            class="main"
            lower-threshold="10"
            onscrolltoupper={this.onscrolltoupper}
            onscrolltolower={this.onscrolltolower}>
            <cell class="cell" cell-type="0">
                <!-- 文字 -->
                <view class="isme-view">
                    <view class="content-view">
                        <rich-text nodes={this.formateText(item)}></rich-text>
                    </view>
                    <view class="head-image-view">
                        <image
                            class="head-image"
                            src="https://img1**.**/it/u=170057959,363604964&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
                        />
                    </view>
                </view>
            </cell>
            <cell class="cell" cell-type="1">
                <!-- 图片 -->
                <view class="isme-view">
                    <view>
                        <image class="msg-image" v-bind:src="item.msg" />
                    </view>
                    <view class="head-image-view">
                        <image
                            class="head-image"
                            src="https://img1**.**/it/u=170057959,363604964&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
                        />
                    </view>
                </view>
            </cell>

            <!-- 不是我发的 -->
            <!-- 文字 -->
            <cell class="cell" cell-type="500">
                <view class="not-isme-view">
                    <view class="head-image-view">
                        <image
                            class="head-image"
                            src="https://img1**.**/it/u=170057959,363604964&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
                        />
                    </view>
                    <view class="not-isme-content-view">
                        <rich-text class="rich-text" nodes={this.formateText(item)}></rich-text>
                    </view>
                </view>
            </cell>
            <!-- 图片 -->
            <cell class="cell" cell-type="501">
                <view class="not-isme-view">
                    <view class="head-image-view">
                        <image
                            class="head-image"
                            src="https://img1**.**/it/u=170057959,363604964&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
                        />
                    </view>
                    <view>
                        <image class="not-isme-msg-image" v-bind:src="item.msg" />
                    </view>
                </view>
            </cell>
            <list-footer class="footer">
                <text>加载中...</text>
            </list-footer>
        </grid-view>
    </view>
/*
        *@ discribe 初始化数据
        *@ zuthor zk
        *@ create-time: 2022-06-20 14:31:03*/




           let list = DB.chat_history_group.getPageByGroupNumber(_this.data.pageNum, 100, 38788484);
            _this.data.msgList = list;
            // Utils.log(_this.data.msgList)
            listView.load({
                data: _this.data.msgList
            });



          onscrolltolower() {
            console.log("滚动到底部/右边时触发");
            let _this = this;
            if (!_this.data.isTop) {
                _this.data.isTop = true;
                _this.data.pageNum += 1;
                setTimeout(function () {
                    let list = DB.chat_history_group.getPageByGroupNumber(_this.data.pageNum, 13, 38788484);
                    if (list.length == 0) {
                        return
                    };
                    console.log(_this.data.msgList.length)
                    document.getElementById('listView').insert({
                        data: list,
                        index: _this.data.msgList.length
                    })
                    _this.data.msgList = _this.data.msgList.concat(list);
                    _this.data.isTop = false;
                }, 500)
            }
        },

技术咨询-特特 · 2022-6-21 11:07发一下你的简化版的代码，我们这边测试一下

beautifulLife

已解决 是我的富文本方法里面有 jSON.parse();当第一个是图片的时候会失败！
但是list-view  cell没设置高度会卡顿是真实存在的

技术咨询-特特 · 2022-6-21 11:07发一下你的简化版的代码，我们这边测试一下

技术咨询-特特

好的