当前位置: 首页 > 后端技术 > PHP

分享城市系统系统开发过程中遇到问题的解决方法

时间:2023-03-29 17:09:16 PHP

发表评论,让文本框双向数据绑定msgindata:""//内容发表评论中输入的按钮绑定事件发表评论检查评论内容是否为空,如果为空,Toast会提示用户评论内容不能为空。在main.js中写在Vue.http.options.root下//使用ajaxpost方法时,第三个参数一般都是一样的,所以每次都要重写,最好全局定义。只是省略了这个重复写入的过程。//全局设置post时,表单数据格式组织形式为application/x-www-form-urlencodedVue.http.options.emulateJSON=true;通过vue-resource发送请求,将评论内容提交给服务器。评论OK后,重新刷新列表可以查看最新的评论。如果调用getComments方法刷新评论列表,可能只能获取到最后一页的评论,而不能获取到之前几页的评论。另一种思路:当评论成功后,在客户端,手动拼接出一个最新的评论对象,然后调用数组的unshift方法将最新的评论追加到data中评论的开头;这样就可以完美的实现需要刷新评论列表;本人要开发的商城系统开发系统项目请教v:kjwenlc,希望对您有所帮助!postComment(){//检查内容是否为空。trim()方法去除字符串的前导和尾随空格:if(this.msg.trim().length===0){returnToast("评论内容不能为空!");}//发表评论//参数1:请求的URL地址//参数2:提交给服务器的数据对象{content:this.msg}//参数3:定义提交时表单中数据的格式{emulateJSON:true}这个.$http.post("api/postcomment/"+this.$route.params.id,{content:this.msg.trim()}).then(function(result){if(result.body.status===0){//1.拼接一个评论对象varcmt={user_name:"AnonymousUser",add_time:Date.now(),content:this.msg.trim()};this.comments.unshift(cmt);this.msg="";}});}}将图片分析按钮转化为路由链接,显示对应的组件页面图片分享

从'./components/photos/PhotoInfo.vue'导入PhotoInfo{path:'/home/photoinfo/:id',component:PhotoInfo}绘制照片列表组件的页面结构并美化样式制作顶部滑块制作底部图片列表