好久没有为大家分享干货了,今天为大家分享一下近期所学的vue经验所得。
Vue开发中,以使用element-ui这个框架为例,有时候我们需要动态的在方法中去修改元素的某些属性与样式,但是当我们使用Vue官方提供的this.$refs.xxx.style的时候,操作非框架元素完全没问题,但是操作element-ui这个框架,可谓是堪称在太岁头上动土---------权限不足,那么如何解决呢?很简单,请看例子:
watch: {time: function () {if (this.time == 100) {document.querySelector('.panel').style.opacity = 1}},types: function () {if (Object.is(this.types,'right')) {this.openSuc();} else if (Object.is(this.types,'wrong')) {this.openErr();}}