多易开发日志

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