评论 update

jiangjiu · Jul 21, 2016 · 341c48a · 341c48a
1 parent ab601e5
commit 341c48a
Show file tree

Hide file tree

Showing 15 changed files with 38 additions and 23 deletions.
diff --git a/FE/src/components/Comment.vue b/FE/src/components/Comment.vue
@@ -18,10 +18,11 @@
 
         <p class="comment-item-content">{{item.content}}</p>
         <div class="comment-item-reply-wrapper">
-          <a @click="reply" class="comment-item-reply" data-id="{{item.objectId}}">回复</a>
+          <a @click="reply(item.objectId, item.name)" class="comment-item-reply">回复</a>
         </div>
       </li>
     </ul>
+    <a name="firstAnchor"></a>
     <h1 id="comment-form-title">回复{{replyName}}</h1>
     <div class="comment-form">
       <input v-model="formName" class="comment-form-name" type="text" placeholder="昵称" maxlength="20">
@@ -64,10 +65,10 @@
       finalCommentsList () {
         return this.commentsList.map((item, index, arr) => {
           if (item.reply) {
-            const objectId = item.reply
+            const replyToId = item.reply
             let obj = {}
-            let reply = arr.find(data => data.objectId === objectId)
-            obj.objectId = objectId
+            let reply = arr.find(data => data.objectId === replyToId)
+            obj.objectId = item.objectId
             obj.name = item.name
             obj.createdAt = item.createdAt
             obj.content = item.content
@@ -82,7 +83,7 @@
     methods: {
       submit () {
         if (!this.formName || !this.formContent) {
-          console.log('昵称和内容不可为空')
+          window.alert('昵称和内容不可为空')
           return
         }
         const data = {
@@ -94,9 +95,14 @@
         this.submitComment(data)
         this.formName = ''
         this.formContent = ''
+        this.replyName = ''
+        this.formReply = ''
       },
-      reply () {
-
+      reply (replyToId, replyToName) {
+        this.replyName = replyToName
+        window.location.hash = ''
+        window.location.hash = 'firstAnchor'
+        this.formReply = replyToId
       }
     }
   }

diff --git a/FE/src/main.js b/FE/src/main.js
@@ -2,17 +2,19 @@ import Vue from 'vue'
 import App from './App.vue'
 import VueRouter from 'vue-router'
 import VueResource from 'vue-resource'
-import FastClick from 'fastclick'
 
 // 注册两个插件
 Vue.use(VueResource)
 Vue.use(VueRouter)
 Vue.http.options.emulateJSON = true
 
-FastClick.attach(window.document.body)
-
-const router = new VueRouter()
+const router = new VueRouter({
+  history: true,
+  hashbang: false
+})
 
+const FastClick = require('fastclick')
+FastClick.attach(document.body)
 // 路由map
 router.map({
   '/home': {

diff --git a/public/index.html b/public/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=keywords content=将就,博客，前端,vue.js,北邮,健身><meta name=description content=将就的个人博客,byr/前端/健身><meta name=robots content=all><meta name=viewport content="width=device-width,initial-scale=1"><meta name=author content=将就,1021808625@qq.com><meta name=copyright content=将就><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><title>将就的博客</title><link rel="shortcut icon" href=/favicon.ico><link href=/static/css/app.432002a5bdded1c1ed08e28d7253f640.css rel=stylesheet></head><body><div id=app><app></app></div><script type=text/javascript src=/static/js/manifest.f1dce1281784aeff3fbe.js></script><script type=text/javascript src=/static/js/vendor.841e39b1278f82b1c77e.js></script><script type=text/javascript src=/static/js/app.afbf9e9cc0ec46c28212.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=keywords content=将就,博客，前端,vue.js,北邮,健身><meta name=description content=将就的个人博客,byr/前端/健身><meta name=robots content=all><meta name=viewport content="width=device-width,initial-scale=1"><meta name=author content=将就,1021808625@qq.com><meta name=copyright content=将就><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><title>将就的博客</title><link rel="shortcut icon" href=/favicon.ico><link href=/static/css/app.432002a5bdded1c1ed08e28d7253f640.css rel=stylesheet></head><body><div id=app><app></app></div><script type=text/javascript src=/static/js/manifest.5891583e7a0d74a1faaf.js></script><script type=text/javascript src=/static/js/vendor.841e39b1278f82b1c77e.js></script><script type=text/javascript src=/static/js/app.aa72a998d7461116ba30.js></script></body></html>
diff --git a/public/static/js/0.61c5b0a293fa9bf95376.js b/public/static/js/0.61c5b0a293fa9bf95376.js
diff --git a/public/static/js/0.61c5b0a293fa9bf95376.js.map b/public/static/js/0.61c5b0a293fa9bf95376.js.map
diff --git a/public/static/js/0.a80975fe32ba187b194b.js b/public/static/js/0.a80975fe32ba187b194b.js
diff --git a/public/static/js/0.a80975fe32ba187b194b.js.map b/public/static/js/0.a80975fe32ba187b194b.js.map
diff --git a/public/static/js/app.aa72a998d7461116ba30.js b/public/static/js/app.aa72a998d7461116ba30.js
diff --git a/public/static/js/app.aa72a998d7461116ba30.js.map b/public/static/js/app.aa72a998d7461116ba30.js.map
diff --git a/public/static/js/app.afbf9e9cc0ec46c28212.js b/public/static/js/app.afbf9e9cc0ec46c28212.js
diff --git a/public/static/js/app.afbf9e9cc0ec46c28212.js.map b/public/static/js/app.afbf9e9cc0ec46c28212.js.map
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html><head><meta charset=utf-8><meta name=keywords content=将就,博客，前端,vue.js,北邮,健身><meta name=description content=将就的个人博客,byr/前端/健身><meta name=robots content=all><meta name=viewport content="width=device-width,initial-scale=1"><meta name=author content=将就,1021808625@qq.com><meta name=copyright content=将就><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><title>将就的博客</title><link rel="shortcut icon" href=/favicon.ico><link href=/static/css/app.432002a5bdded1c1ed08e28d7253f640.css rel=stylesheet></head><body><div id=app><app></app></div><script type=text/javascript src=/static/js/manifest.f1dce1281784aeff3fbe.js></script><script type=text/javascript src=/static/js/vendor.841e39b1278f82b1c77e.js></script><script type=text/javascript src=/static/js/app.afbf9e9cc0ec46c28212.js></script></body></html>
		<!DOCTYPE html><html><head><meta charset=utf-8><meta name=keywords content=将就,博客，前端,vue.js,北邮,健身><meta name=description content=将就的个人博客,byr/前端/健身><meta name=robots content=all><meta name=viewport content="width=device-width,initial-scale=1"><meta name=author content=将就,1021808625@qq.com><meta name=copyright content=将就><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><title>将就的博客</title><link rel="shortcut icon" href=/favicon.ico><link href=/static/css/app.432002a5bdded1c1ed08e28d7253f640.css rel=stylesheet></head><body><div id=app><app></app></div><script type=text/javascript src=/static/js/manifest.5891583e7a0d74a1faaf.js></script><script type=text/javascript src=/static/js/vendor.841e39b1278f82b1c77e.js></script><script type=text/javascript src=/static/js/app.aa72a998d7461116ba30.js></script></body></html>