10.25
- vux中Tab组件边框的消除
设置背景颜色，设为白色，解决
11.2 - 使用子路由时，必须在父组件里定义routerview
- 图片地址用属性绑定后写在data里，需要用require引入
- 使用vuex（待写）
11.3 -
使用/deep/修改外部样式组件的样式
image.png
image.png
image.png
11.6
- 使用
delete
this.$set(对象，键，值)
this.$delete(对象，键)
- 获取文件input的文件
let inputDOM = this.$refs.inputer
// 通过DOM取文件数据
var fil= inputDOM.files
let oldLen = this.imgLen
- 使用formData进行表单提交
let formData = new FormData()
formData.append('name', this.name)
- 本地创建图片预览地址
getImgUrl(file){
//本地创建预览图片地址
let url = window.URL.createObjectURL(file)
return url
}
- 表单绑定，@change
11.9 - vuex刷新state清空解决方法
//在页面加载时读取sessionStorage里的状态信息
if (sessionStorage.getItem("store")) {
this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem("store"))))
}
//在页面刷新时将vuex里的信息保存到sessionStorage里
window.addEventListener("beforeunload", () => {
sessionStorage.setItem("store", JSON.stringify(this.$store.state))
})
- 路由跳转页面布局错乱，刷新后恢复正常。原因：样式没有scoped跳转的时候有冲突的样式以及加载好了，所以刷新后重新加载此页面样式才恢复正常。解决：样式采用scoped
