vue后台传入数据不换行问题处理

<template>
    <div class="detailActivaty" v-html="transBr(activityDesc)"></div>
<template>
<script>
    methods:{
        transBr(val){
            return  (val + '').replace(/\n/g,"<br/>")
        }, 
    }
</script>