前后端不分离项目页面使用vue 给 p标签和 h 标签赋值

 v-html

<div class="task_list_row" v-for="(item,index) in trainings">
            <a @click="openLink('/ddTraining/detail/'+ item.trainingId)" href="javascript:void(0)">
                <i class="mui-icon iconfont icon-bianzu" v-if="index%2==0"></i>
                <i class="mui-icon iconfont icon-renwu" v-if="index%2!=0"></i>
                <div class="task_list_box">
                    <h5 class="mui-ellipsis" v-html="item.trainingTopic"></h5>
                    <p v-html="'培训主讲人：'+item.trainingSpeaker"></p>
                    <p v-html="'培训地点：'+item.trainingAddress"></p>
                    <p v-html="'开始时间：'+dateFmt(item.startTime)"></p>
                    <p v-html="'结束时间：'+dateFmt(item.endTime)"></p>
                </div>
            </a>
        </div>