11.23工作笔记
this.$set用法
为data中的某个对象添加一个属性,直接添加this.obj.name = yby 直接添加的话,视图可能不会更新,因为受js的限制,vue不能监听对象属性的添加和删除,因为在vue组件初始化的过程中,会调用getter和setter方法,所以该属性必须是存在在data中,视图层才会响应该数据的变化
this.$set(this.obj,'name',yby)
object.assign方法
this.obj.name = yby
this.obj = object.assign({},this.obj)
通过这两种方式为对象添加属性之后,他的对象身上多了get和set方法,所以此时再操作该属性时,就可以引起视图的更新
this.$nextTick()用法
当数据改变后,想立即使用js操作新的视图时需要用到它
因为vue是异步执行dom更新的,当检测到数据变化,vue会开启队列,把同一个事件循环中的观察到数据变化的watcher推送进队列,如果watcher多次被触发,那也只会推一次,用nextTick就相当于直接开启下一轮更新dom的队列
//想要进行的操作放在回调函数中
this.$nextTick(fucntion){
}
小程序配置服务器域名
小程序-开发管理-服务器域名-request合法域名–https://paid.zfkjgw.com
可在详情项目配置中查看
globalData: {
userInfo: null,
// baseUrl: 'https:// pay.shmiyue.com'
baseUrl: 'https://paid.zfkjgw.com'
}
wx.getSavedFileList()
获取该小程序下已保存的本地缓存文件列表
wx.getSavedFileList({
success (res) {
console.log(res.fileList)
}
})
wx.saveFile()
保存文件到本地
微信缓存
基本只要是微信的东西,都有缓存,比如青蛙刷脸机,修改了代码提交审核,通过审核后再发布,不会直接更新为新页面,还是会显示老页面,一般这时候就要重进一次,反正只要让它绕过缓存,重新请求网络就OK
uni-app去掉页面顶部的导航栏
"style": {
"navigationBarTitleText": "首页",
"app-plus": {
"titleNView": false
},
"h5": {
"titleNView": false
}
}
uniapp出现跨域
最简单的解决方案就是使用HBuilderX的内置浏览器