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

修改学习详情页的评论发布的逻辑

yellowtaotao 4 лет назад
Родитель
Сommit
4b16c34d91
1 измененных файлов с 8 добавлено и 1 удалено
  1. 8 1
      src/views/home/learn/page-learn-content.vue

+ 8 - 1
src/views/home/learn/page-learn-content.vue

@@ -101,6 +101,7 @@
 </template>
 
 <script>
+import { Toast } from "vant";
 export default {
   name: "page-learn-content",
   props: {
@@ -235,7 +236,13 @@ export default {
     // 操作:发布评论
     postCommentFun() {
       // TODO...
-      console.log("操作:发布评论", this.commentValue);
+      let inputVal = this.commentValue.replace(/(^\s*)|(\s*$)/g, ""); // 去掉两端空格
+      if (!inputVal.length) {
+        Toast("未填写有效评论,无法发布");
+        return;
+      }
+      Toast("发布评论成功");
+      this.canclePostCommentFun(); // 置空输入框
     },
     // 操作:取消评论
     canclePostCommentFun() {