增加鼠标样式移入修改样式

src/styles/index.scss

@@ -78,3 +78,11 @@ div:focus {
   border-radius: 3px;
 
 }
+.underline-on-hover {
+  cursor: pointer;
+  text-decoration: none; /* 默认情况下不显示下划线 */
+}
+
+.underline-on-hover:hover {
+  text-decoration: underline; /* 鼠标移入时显示下划线 */
+}

src/views/meeting/meeting.vue

@@ -55,7 +55,7 @@
       </el-table-column>
       <el-table-column label="会议主题" prop="meetingName">
         <template slot-scope="scope">
-          {{scope.row.meetingName}}(<span style="color: blue;cursor:pointer" slot="reference" @click="exportOutMeetingNotices(scope.row)">会议通知</span>)
+          {{scope.row.meetingName}}(<span class="underline-on-hover" style="color: blue;cursor:pointer" slot="reference" @click="exportOutMeetingNotices(scope.row)">会议通知</span>)
         </template>
       </el-table-column>
       <el-table-column label="会议地点" prop="meetingPlace" width="150" :show-overflow-tooltip="true">
@@ -71,7 +71,7 @@
               <el-table-column width="60" type="index" label="序号"></el-table-column>
               <el-table-column min-width="300" property="content" label="内容"></el-table-column>
             </el-table>
-            <span style="color: blue;cursor:pointer" slot="reference" @click="searchMeetingContent(scope.row)">会议内容</span>
+            <span class="underline-on-hover" style="color: blue;cursor:pointer" slot="reference" @click="searchMeetingContent(scope.row)">会议内容</span>
           </el-popover>
         </scope>
       </el-table-column>