老师,下面表白语言那一块,我想让它们始终出现在同一行怎么实现,就是第二次出现韩语的时候会把第一次出现的中文覆盖掉,这点怎么实现
就比如,我点击“好呀”的时候出现小张,我点击不好的时候出现小明,怎样才能实现点击“不好”的时候,只出现小明。
还有就是,我们在onshow下面用let声明了一个msg列表,我如果想在其他函数里再次使用这个列表,可以把let换成var吗,为什么一换会报错,var不是全局变量吗?
<template>
<view class="content">
<image src="../../static/sa3.jpeg" mode="widthFix"></image>
<text class="title">做我女朋友吧</text>
<view class="anniu">
<button type="primary" class="anniu1" @tap="agree">好呀</button>
<button type="warn" class="anniu1" @tap="disagree">不好</button>
</view>
<view class="message" v-for="one in love" :key="one">{{one}}</view>
<!-- <view class="message" >{{love}}</view> -->
</view>
</template>
<script>
export default {
data() {
return {
love:[]
}
},
onLoad() {
this.back=uni.getBackgroundAudioManager()
this.back.src="file:///D:/CloudMusic/押尾コータロー - 黄昏.mp3"
this.back.title="音乐"
this.back.play()
},
onShow(){
/* let msg={
2000:"张晨阳",
4000:"冀帅旗",
6000:"lalallalalalalalal",
}
let ref=this;
for(let key in msg){
setTimeout(function(){
ref.love.push(msg[key])
},key)
} */
},
methods: {
agree:function(){
uni.showToast({
image:"../../static/sa.jpg",
title:"太好了",
duration:3000
})
let msg={
2000:"小明",
4000:"小张",
6000:"小强",
}
let ref=this;
ref.love.push(msg[4000])
},
disagree:function(){
uni.showModal({
title:"工资上交",
content:"家务全包",
confirmText:"确定",
cancelText:"取消",
success:function(res){
if(res.confirm){
uni.showToast({
icon:"none",
title:"答应就不能反悔了",
duration:2000
})
}
else{
uni.showModal({
title:"答应我吧",
confirmText:"好",
cancelText:"不行",
success:function(res){
if(res.confirm){
uni.showToast({
/* image:"../../static/sa.jpg", */
icon:"none",
title:"我就知道你会答应的",
duration:2000
})
}
else{
uni.showToast({
title:"好吧",
image:"../../static/sa1.jpg",
duration:2000
})
}
}
})
}
}
})
let msg={
2000:"小明",
4000:"小张",
6000:"小强",
}
let ref=this;
ref.love.push(msg[2000])
}
}
}
</script>
<style>
@import url("index.less");
</style>