vue 如何控制<br>标签的显示与否

Vue可以通过条件渲染来控制`<br>`标签的显示与否。

一种常用的方式是使用`v-if`指令。你可以在需要控制的`<br>`标签上添加`v-if`指令，并将其绑定到一个布尔值的表达式上。当表达式的值为`true`时，`<br>`标签会被渲染出来；当值为`false`时，`<br>`标签会被从DOM中移除。

例如，以下示例中，根据`showBr`的值来决定是否显示`<br>`标签：

<template>
  <div>
    <p>这是一段文本</p>
    <br v-if="showBr">
    <p>这是另一段文本</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showBr: true
    }
  }
}
</script>

你可以在Vue组件的方法中修改`showBr`的值，以实现根据条件动态显示或隐藏`<br>`标签。

除了`v-if`指令，Vue还提供了其他条件渲染的指令，如`v-show`和`v-else`，你可以根据具体的需求选择适合的指令来控制`<br>`标签的显示与否。