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

Question

我想创建一个方法来接收一个字符串，用换行符替换分号（“;”），然后返回它。

我用那段代码试过了：

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

我尝试在模板中使用方法programasMethod(programas)但它返回没有分号（“;”）且没有换行符的字符串。

<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 />");
       }  
    }
}