| | |
| | | </div> |
| | | </div> |
| | | <div class="articleComment"> |
| | | <comment :acticleId="acticleId"></comment> |
| | | <comment ref="myComment" :articleId="articleId"> </comment> |
| | | </div> |
| | | </div> |
| | | |
| | | </template> |
| | | |
| | | <script> |
| | | // import esPath from '../../assets/es.md' |
| | | import VueMarkdown from 'vue-markdown' |
| | | import md5 from 'js-md5'; |
| | | |
| | |
| | | data() { |
| | | return { |
| | | source: "", |
| | | acticleId: "", |
| | | articleId: "", |
| | | showMsg: false, |
| | | myLock: false, |
| | | errorMsg: '', |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.acticleId = this.$route.query.id; |
| | | this.articleId = this.$route.query.id; |
| | | }, |
| | | watch: { |
| | | '$route'(to, from) { |
| | | if ("mdDetail" === to.name) { |
| | | this.acticleId = this.$route.query.id; |
| | | this.articleId = this.$route.query.id; |
| | | } |
| | | }, |
| | | acticleId: function(newValue, oldValue) { |
| | | articleId: function(newValue, oldValue) { |
| | | if (newValue == undefined || newValue == null || newValue == "") { |
| | | this.showMsg = true; |
| | | this.errorMsg = "日志id参数缺失"; |
| | | } else { |
| | | this.queryDetail(); |
| | | this.$refs.myComment.updateCommentList(this.articleId); |
| | | } |
| | | } |
| | | |
| | |
| | | this.showMsg = true; |
| | | this.errorMsg = "加载中.."; |
| | | queryBlogArticleDetail({ |
| | | id: this.acticleId, |
| | | id: this.articleId, |
| | | authWord: this.secret == "" ? null : md5(this.secret) |
| | | }).then((res) => { |
| | | this.showMsg = true; |