//方法集合 methods: { init() { this.baseUrl = this.$config.baseUrl; if(this.$route.query.detailObj) { this.detail = JSON.parse(this.$route.query.detailObj); } this.$http.get(this.tablename + '/detail/' + this.detail.id, {}).then(res => { if (res.data.code == 0) { this.detail = res.data.data; this.title = this.detail.shiciming; this.detailBanner = this.detail.fengmian ? this.detail.fengmian.split(",") : []; this.$forceUpdate(); } }); this.getDiscussList(1); }, curChange(page) { this.getDiscussList(page); }, prevClick(page) { this.getDiscussList(page); }, nextClick(page) { this.getDiscussList(page); }, // 下载 download(file){ if(!file) { this.$message({ type: 'error', message: '文件不存在', duration: 1500, }); return; }
时间: 2023-12-31 11:03:52 浏览: 66
该代码段是一个Vue组件的方法集合,包含了以下方法:
1. init(): 初始化方法,设置了baseUrl、获取路由参数中的detailObj并解析为对象保存于detail中,然后通过接口获取该对象的详细信息,再更新detail、title、detailBanner等数据,最后强制更新视图。
2. curChange(page): 当前页改变时调用的方法,调用了getDiscussList方法。
3. prevClick(page): 上一页按钮点击时调用的方法,调用了getDiscussList方法。
4. nextClick(page): 下一页按钮点击时调用的方法,调用了getDiscussList方法。
5. download(file): 下载文件的方法,如果文件不存在则弹出错误提示消息。
相关问题
init() { this.baseUrl = this.$config.baseUrl; if (this.$route.query.detailObj) { this.detail = JSON.parse(this.$route.query.detailObj); } if (this.$route.query.storeupObj) { this.detail.id = JSON.parse(this.$route.query.storeupObj).refid; } this.$http.get(this.tablename + '/detail/' + this.detail.id, {}).then(res => { if (res.data.code == 0) { this.detail = res.data.data; this.title = this.detail.jingdianmingcheng; //存入detailBanner数组,用来遍历展示vue轮播图 this.detailBanner = this.detail.jingdiantupian ? this.detail.jingdiantupian.split(",") : []; this.$forceUpdate(); } }); this.getDiscussList(1); this.getStoreupStatus(); this.getHotList(); },
这是一个 Vue.js 组件的初始化方法,其中包含了以下步骤:
1. 获取组件的配置信息(baseUrl)和路由参数(detailObj 和 storeupObj);
2. 如果存在 detailObj 参数,则将其解析为 detail 对象;
3. 如果存在 storeupObj 参数,则将其解析为 refid 属性并赋值给 detail 对象的 id 属性;
4. 发送 HTTP GET 请求获取景点详情信息,并将返回的数据保存到 detail 对象中;
5. 如果 detail 对象中包含景点图片信息,则将其解析为数组,并保存到 detailBanner 变量中;
6. 强制更新组件视图;
7. 调用 getDiscussList() 方法获取评论列表;
8. 调用 getStoreupStatus() 方法获取当前用户是否已收藏该景点的状态;
9. 调用 getHotList() 方法获取热门景点列表。
created() { //this.bg(); let type = this.$route.query.type ? this.$route.query.type : ''; this.init(type); this.baseUrl = this.$config.baseUrl; }, methods: { getMakeZero(s) { return s < 10 ? '0' + s : s; }, // 下载 download(file){ window.open(`${file}`) }, // 初始化 init(type) { this.type = type; if(type=='cross'){ var obj = JSON.parse(localStorage.getItem('crossObj')); for (var o in obj){ if(o=='shiciming'){ this.ruleForm.shiciming = obj[o]; this.ro.shiciming = true; continue; } if(o=='fengmian'){ this.ruleForm.fengmian = obj[o].split(",")[0]; this.ro.fengmian = true; continue; } if(o=='shici'){ this.ruleForm.shici = obj[o]; this.ro.shici = true; continue; } if(o=='jiexi'){ this.ruleForm.jiexi = obj[o]; this.ro.jiexi = true; continue; } } } // 获取用户信息 this.$http.get(this.userTableName + '/session', {emulateJSON: true}).then(res => { if (res.data.code == 0) { var json = res.data.data; } }); }, // 多级联动参数 // 多级联动参数 info(id) { this.$http.get('jinrishici/detail/${id}', {emulateJSON: true}).then(res => { if (res.data.code == 0) { this.ruleForm = res.data.data; } }); }, // 提交 onSubmit() {
这段代码是一个 Vue.js 组件中的方法,其中包含了一些常见的 Vue.js 方法,例如 `created()` 和 `methods`。在 `created()` 钩子函数中,通过读取路由参数来初始化组件,并设置了一个 `baseUrl` 变量。在 `methods` 对象中定义了一些方法,例如 `getMakeZero()` 用于将数字转换为两位数,`download()` 用于下载文件,`init()` 用于初始化组件,`info()` 用于获取多级联动参数,`onSubmit()` 则用于提交表单。这段代码中还使用了 `this.$http` 来进行网络请求,其中 `get()` 方法用于发送 GET 请求。
阅读全文