Sy.Skingy 2022-05-28 20:55 采纳率: 100%
浏览 37
已结题

scroll-into-view无效导致无法到底部

问题遇到的现象和发生背景

scroll-into-view无效问题

问题相关代码,请勿粘贴截图

前端部分“”

<view class="chat-main">
<view class="chat-ls">
<view class="chat-time">{{changeTime(item.time)}}</view></view></view>

img


好像代码开不到放了张图

函数部分
getMsg:function(){
let msg = datas.message();
for(var i=0;i<msg.length;i++){
msg[i].imgurl ='../../static/pages/'+msg[i].imgurl;
//时间间隔
if(i<msg.length-1){
let t = myfun.spaceTime(this.oldTime,msg[i].time);
if(t){
this.oldTime = t;
}
msg[i].time = t;
}
if(msg[i].types == 1){
msg[i].message = '../../static/pages/'+msg[i].message;
this.imgMsg.unshift(msg[i].message);
}
this.msgs.unshift(msg[i]);
}
this.$nextTick(function(){
this.scrollToView = 'msg'+this.msgs[i-1].tip;
})
}

js部分
message: function(){
let msgs = [
{
id:'a',//人物a and b
imgurl:'lianyu.png',//图片地址
message:'我是蒙奇·D·路飞!我怎么可能会输给一个舍弃自己的名字,从海上逃走的海贼呢?当一个海贼舍弃自己的名字时,就和死掉没啥两样了!你们可以用这辈子来记住我的名字!因为我是…未来的海贼王!',
types: 0, //(0文字 1图片链接 2音频链接)
time: new Date()-1000,
tip:0,
},
{
id:'a',
imgurl:'lianyu.png',
message:'死并不是唯一报恩方式,人家并不是要你死才救你的,让人家救回一命,又跑去死,是懦夫才会做的事!',
types: 0, //(0文字 1图片链接 2音频链接)
time: new Date()-100016,
tip:1,
},
{
id:'a',
imgurl:'lianyu.png',
message:'时间不可能陪伴你承担悲伤',
types: 0, //(0文字 1图片链接 2音频链接)
time: new Date()-1000
16,
tip:2,
},
{
id:'b',
imgurl:'lufei.png',
message:'虽然要分开了……不过永远永远是朋友。',
types: 0, //(0文字 1图片链接 2音频链接)
time: new Date()-100060,
tip:3,
},
{
id:'a',
imgurl:'lianyu.png',
message:'虽然要分开了……不过永远永远是朋友。',
types: 0, //(0文字 1图片链接 2音频链接)
time: new Date()-1000
6036,
tip:4,
},
{
id:'a',
imgurl:'lianyu.png',
message:'我的伙伴,一个也不会,死也不会给你的!',
types: 0, //(0文字 1图片链接 2音频链接)
time: new Date()-1000
6040,
tip:5,
},
{
id:'b',
imgurl:'lufei.png',
message:'tupian2.png',
types: 1, //(0文字 1图片链接 2音频链接)
time: new Date()-1000
6057,
tip:6,
},
{
id:'b',
imgurl:'lufei.png',
message:'tupian1.png',
types: 1, //(0文字 1图片链接 2音频链接)
time: new Date()-1000
6058,
tip:7,
},
{
id:'b',
imgurl:'lufei.png',
message:'就是因为不要让他死掉,所以才叫伙伴',
types: 0, //(0文字 1图片链接 2音频链接)
time: new Date()-1000
6060,
tip:8,
},
{
id:'b',
imgurl:'lufei.png',
message:'我的船上没有手下……只有伙伴',
types: 0, //(0文字 1图片链接 2音频链接)
time: new Date()-1000
605824,
tip:9,
},
];
return msgs;
}

运行结果及报错内容

无报错,可以用console测试,可以输出console中的值,但是无法实现功能

我的解答思路和尝试过的方法
我想要达到的结果

能够在启动程序时到达底部

  • 写回答

2条回答 默认 最新

  • 你好!机器人 2022-05-28 22:04
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 6月8日
  • 已采纳回答 5月31日
  • 修改了问题 5月28日
  • 修改了问题 5月28日
  • 展开全部

悬赏问题

  • ¥15 在若依框架下实现人脸识别
  • ¥15 网络科学导论,网络控制
  • ¥100 安卓tv程序连接SQLSERVER2008问题
  • ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比,为什么Snetinel-2计算的结果最小值特别小,而Lansat8就很平均
  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同