时间戳

首页 > 解决方案 > Javascript str.split 在冒号字符处并添加换行符

javascript - Javascript str.split 在冒号字符处并添加换行符

问题描述

我觉得这里有点傻。我正在尝试在这样的字符串中的冒号后添加换行符：

LOCATION: SOME OTHER WORDS AFTER

我希望它成为

LOCATION:
SOME OTHER WORDS AFTER

我的方法是从 Vue 循环调用的，是这样的：

handleName(name) {
  if (name.includes(":")) {
    return name.replace(":", ":\n");
  } else {
    return name;
  }
}

// the above simply adds a line in the name var but does not actually render an HTML <br>
// I tried using name.split(':'), but for some reason it splits the sting by individual letters.

也许是因为它是从 Vue 调用的，就像{{ handleName(location.name) }}我必须以不同的方式处理它？

标签： javascriptstringvue.js

解决方案

您应该使用<br/>标签而不是\n：

handleName(name) {
  if (name.includes(":")) {
    return name.replace(":", ":<br/>");
  } else {
    return name;
  }
}

Vue.JS 中的示例，使用v-html指令将字符串显示为标记：

<template>
    <span v-html="message"></span>
</template>

<script>
export default {
  name: "App",
  data(){
    return {
      message: "LOCATION: SOME OTHER WORDS AFTER".replace(":",":<br/>")
    }    
  },
};
</script>

推荐阅读