[外门弟子]JS-1|2020年05月11日的日报-技能树.IT修真院

发表于： 2020-05-11 22:48:11

1 2101

今天完成事情：
1.完成了上下线，编辑两个功能
两个功能的逻辑本身不难，比较难的地方在于调试发送的格式和headers，
turnLineStatus(state , items) { //转换上线和下线状态的按钮
if(items.status == 1) {
let i = confirm('是否执行上线操作')
if(i == true) {
let val = qs.stringify({
id: items.id,
status: 2
})
axios.put('api/a/u/article/status/' , val , {
headers: {
'content-type': 'application/x-www-form-urlencoded',
}
})
.then(res => {
if(res.data.code == 0) {
this.commit('turnPage')
}
})
}
}else if(items.status == 2) {
let i = confirm('是否执行下线操作')
if(i == true) {
let val = qs.stringify({
id: items.id,
status: 1
})
axios.put('api/a/u/article/status/' , val , {
headers: {
'content-type': 'application/x-www-form-urlencoded',
}
})
.then(res => {
if(res.data.code == 0) {
this.commit('turnPage')
}
})
}
}
},
this.$store.commit('compileUpline' , this.$store.getters.typeChange)
if(this.$store.state.picPreview && this.$store.state.theTitle && this.$store.state.theContent && this.$store.getters.typeChange >= 0 && this.$store.state.theUrl) {
axios.put('api/a/u/article/' + this.$store.state.itemsMessage.id , qs.stringify(this.$store.state.compileMessage))
.then(res => {
if(res.data.code == 0) {
this.$router.push('/article/' + (this.$store.state.beClickBtn + 1))
alert('编辑成功')
}
})
}
根据content—type的区别需要选择不同格式
可以参考下面这个链接，
https://www.cnblogs.com/yanggb/p/11684494.html
2.完成了刷新浏览器或者关闭浏览器之后从新进入此网站后，数据不会丢失，办法就是把vuex中的数据存到localStorage中。目前代码还不是特别完善，还需要修改今天就到这里
created() {
window.addEventListener('beforeunload' , () => {
localStorage.setItem('rolesMessage' , this.$store.state.username)
})
this.$store.commit('setUserName' ,localStorage.getItem('rolesMessage'))
console.log(localStorage.getItem('rolesMessage'))
},
明天要做的事情：
完善这个功能，研究研究日历，看看怎么弄成线上的样子

返回列表

【任务6】 [外门弟子]JS-1 | 2020年05月11日 的日报 中品

评论

分享到

【任务6】 [外门弟子]JS-1 | 2020年05月11日的日报中品