Просмотр исходного кода

video 的 title 和 description 使用 v-html 来渲染

reghao 11 месяцев назад
Родитель
Сommit
2adbd8b5ff
2 измененных файлов с 5 добавлено и 2 удалено
  1. 2 1
      src/components/card/VideoCard.vue
  2. 3 1
      src/views/home/VideoPage.vue

+ 2 - 1
src/components/card/VideoCard.vue

@@ -28,7 +28,8 @@
         </router-link>
         <div style="padding: 14px">
           <router-link style="text-decoration-line: none" target="_blank" :to="`/video/${video.videoId}`">
-            <span style="left: 0;margin-bottom: 0px;color: black;">{{ video.title | ellipsis }}</span>
+            <span style="left: 0;margin-bottom: 0px;color: black;" v-html="video.title">
+            </span>
           </router-link>
         </div>
         <div v-if="video.user !== undefined && video.user !== null" style="padding: 14px">

+ 3 - 1
src/views/home/VideoPage.vue

@@ -99,7 +99,9 @@
             </div>
             <div class="text item">
               <!--视频描述行-->
-              <span class="description" v-html="video.description" />
+              <span>
+                <p v-html="video.description" style="white-space:pre-wrap" />
+              </span>
               <el-divider />
               <!--视频标签行-->
               <div>