줄 바꿈의 세미콜론을 대체하는 메서드를 작성하려면 어떻게 해야 합니까?

줄 바꿈의 세미콜론을 대체하는 메서드를 작성하려면 어떻게 해야 합니까?

문자열을 수신하고 세미콜론(";")을 줄 바꿈으로 바꾼 다음 반환하는 메서드를 만듭니다.

난 그 코드로 시도했어:

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>

좀 도와 주시겠습니까?

이것을 시험해 보세요.

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

언급URL : https://stackoverflow.com/questions/65426006/how-to-create-a-method-that-replace-semicolons-for-line-breaks