小程序中的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上

Logo

前往低代码交流专区

更多推荐