vue中是否有像小程序中的block标签?就是template

小程序中的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
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值