如何创建一个方法来替换换行符的分号？

Question

我想创建一个接收字符串的方法，将分号 (";") 替换为换行符，然后 returns 它。

我用那个代码试过了：

methods: {
    programasMethod(programas){
       if(programas){
        return programas.replaceAll(";", "\n");
       }  
    }
}

我尝试在模板中使用 programasMethod(programas) 方法，但 returns 字符串没有分号 (";") 且没有换行符。

<div class="col-lg-8">
    <template v-for="item of actividades">
        <ul>
            <li>{{ programasMethod(item.programa) }}</li>
        <ul>
    </template>
</div>

你能帮帮我吗？

Answer 1

试试这个：

<div class="col-lg-8">
    <template v-for="item of actividades">
         <ul v-if="item.programa">
            <li v-for="(elem, i) in item.programa.split(';')" :key="i">{{ elem }} <br /></li>
        </ul>
    </template>
</div>

[编辑]

您也可以这样做：

<div class="col-lg-8">
    <template v-for="item of actividades">
        <ul>
            <li v-html="programasMethod(item.programa)"></li>
        <ul>
    </template>
</div>

和

methods: {
    programasMethod(programas){
       if(programas){
        return programas.replaceAll(";", "<br />");
       }  
    }
}

如何创建一个方法来替换换行符的分号？

How to create a method that replace semicolons for line breaks?

javascript

vue.js

vuex