Vue修改内联样式
在这之前由于使用vue较少,在使用vue开发的时候还按着js的那一套来,在写网站的时候遇到一个问题需要修改内联样式。
在vue中常规方法 方法名.style.属性名来修改内联样式并不起作用,而需要利用vue的双向绑定来进行修改。
因为有三种情况,但是只有其中一种情况需要修改div的top值。
<div class="sidebar-inner" :style="{top:(searchBarFixed==0?'':searchBarFixed==1?'':topNum)}">
export default {
data(){
return{
searchBarFixed:0,
topNum:0px
}
},
methods:{
this.topNum=scollTop+'px'
}
}