npm install
npm run serve
npm run build
npm run lint
<div
class="messageList"
:class="classList[list.megType]"
v-for="(list, index) in messageList" :key="index">
<span v-if="list.megType === 2">{{list.megTime}}</span>
<img :src="list.avator" alt="" v-if="list.megType === 1" class="userAvator" />
<pre class="messageText" v-if="list.megType !== 2 && list.textType === 0">
{{list.megText}}
<img v-if="list.megType !== 2 && list.textType === 1" :src="list.megText" alt="">
</pre>
<img :src="list.avator" alt="" v-if="list.megType === 0" class="userAvator" />
</div>
sendMes() {
if(this.onInputValue !== '') {
const onMesList = {
avator: 'https://web.lieme.cn/stack/72.jpg',
megType: 0, // 0 自己 1 对方 2 时间
megText: this.onInputValue,
megTime: dateUtil.formatDate(),
textType: 0, // 0 文字 1 图片
}
this.messageList.push(onMesList)
}
this.onInputValue = ''
this.scollDiv()
},