问题遇到的现象和发生背景
scroll-into-view无效问题
问题相关代码,请勿粘贴截图
前端部分“”
<view class="chat-main">
<view class="chat-ls">
<view class="chat-time">{{changeTime(item.time)}}</view></view></view>
好像代码开不到放了张图
函数部分
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()-100016,
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()-10006036,
tip:4,
},
{
id:'a',
imgurl:'lianyu.png',
message:'我的伙伴,一个也不会,死也不会给你的!',
types: 0, //(0文字 1图片链接 2音频链接)
time: new Date()-10006040,
tip:5,
},
{
id:'b',
imgurl:'lufei.png',
message:'tupian2.png',
types: 1, //(0文字 1图片链接 2音频链接)
time: new Date()-10006057,
tip:6,
},
{
id:'b',
imgurl:'lufei.png',
message:'tupian1.png',
types: 1, //(0文字 1图片链接 2音频链接)
time: new Date()-10006058,
tip:7,
},
{
id:'b',
imgurl:'lufei.png',
message:'就是因为不要让他死掉,所以才叫伙伴',
types: 0, //(0文字 1图片链接 2音频链接)
time: new Date()-10006060,
tip:8,
},
{
id:'b',
imgurl:'lufei.png',
message:'我的船上没有手下……只有伙伴',
types: 0, //(0文字 1图片链接 2音频链接)
time: new Date()-1000605824,
tip:9,
},
];
return msgs;
}
运行结果及报错内容
无报错,可以用console测试,可以输出console中的值,但是无法实现功能
我的解答思路和尝试过的方法
我想要达到的结果
能够在启动程序时到达底部