空白:在Vue中将文本作为道具传递时，预换行不起作用

在Vue中将文本作为道具传递时，预换行不起作用是因为Vue默认会将传递的文本作为纯文本处理，不会解析其中的HTML标签或换行符。这样做是为了防止XSS攻击和提高安全性。

如果想要在Vue中实现预换行效果，可以通过以下几种方式解决：

使用v-html指令：将文本作为HTML代码进行解析和渲染。但是需要注意，使用v-html指令会带来安全风险，因为它可以执行任意的HTML代码。因此，只有在你能够信任传递的文本内容时才应该使用v-html指令。

<template>
  <div v-html="text"></div>
</template>

<script>
export default {
  data() {
    return {
      text: '这是一段带有<br>换行标签的文本'
    }
  }
}
</script>

使用CSS样式：通过设置CSS样式来实现预换行效果。可以使用white-space: pre-line;或white-space: pre-wrap;来保留换行符。

<template>
  <div class="text-wrapper">{{ text }}</div>
</template>

<style>
.text-wrapper {
  white-space: pre-line; /* 或者 white-space: pre-wrap; */
}
</style>

<script>
export default {
  data() {
    return {
      text: '这是一段带有换行符的文本\n换行符会被保留'
    }
  }
}
</script>

使用自定义过滤器：通过自定义过滤器来处理文本，将换行符替换为<br>标签。

<template>
  <div>{{ text | newline }}</div>
</template>

<script>
export default {
  data() {
    return {
      text: '这是一段带有换行符的文本\n换行符会被替换为<br>标签'
    }
  },
  filters: {
    newline(value) {
      return value.replace(/\n/g, '<br>')
    }
  }
}
</script>

以上是几种常见的解决方法，根据具体情况选择适合的方式来实现预换行效果。