一、解决vuex无法使用v-model问题
在complted中定义变量
dataTime:{
get(){
return this.$store.state.dataTime
},
set(newVal){
store.commit('setdataTime',newVal)
}
}
然后通过v-model="dataTime"来进行双向数据绑定
get()来获取参数,set()来设置参数
二、Vue获取指定的dom元素
vue通过changeActive($event)绑定事件,给选中的dom元素增加类样式,通过$event.target.classList.add(类名)。
三、vue对象重新复制后不更新视图的问题
可以通过vue.set(需要更新的对象,键,值)
可以配合for key in 来使用
for(var key in objArr) {
if(key==name+'EfFlag') {
c = objArr[key]
}
if(key==name+'StateTag') {
d = objArr[key]
}
if(objArr[key]) {
Vue.set(element,key,objArr[key])
}
}
四、移动端背景图片被软键盘顶上去的问题
给APP.vue增加行内样式
<div id="app" :style="{ height: bodyHeight + 'px' }">
在mouted中设置
this.bodyHeight=document.documentElement.clientHeight
没有设置之前页面会根据弹出的软键盘高+body100%度来改变页面的高度导致页面变形,设置了之后将会保持原有的body100%不加软键盘的高度。