vue中是否有像小程序中的block标签?就是template
小程序中的block1.<block/>并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。2.因为wx:if是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个<block/>标签将多个组件包装起来,并在上边使用wx:if控制属性。vue种使用template可以达到同样的效果:<el-scrollbar c
·
小程序中的block
1.<block/>并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。
2.因为wx:if是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个<block/>标签将多个组件包装起来,并在上边使用wx:if控制属性。
vue种使用template可以达到同样的效果:
<el-scrollbar class="messageScrollbar" ref="messageScrollbar">
<p v-for="(message, index) in messages" :key="index"><b>{{ message.nick }}:</b>
<template v-for="(temp,idx) in message.text">
<span :key="index+ '-' + idx" v-if="temp.name === 'text'"> {{temp.text}} </span>
<img class="emoji_img" :key="index+ '-' + idx" v-else :src="temp.src" />
</template>
</p>
</el-scrollbar>
如果是循环,key一定不能写在template上
更多推荐
已为社区贡献2条内容
所有评论(0)