当前位置: 首页 > Web前端 > vue.js

vue元素样式修改

时间:2023-03-31 18:04:54 vue.js

这里是使用错误。ref有两种情况:第一,如果用在普通的DOM元素上,引用指向DOM元素。其次,如果在子组件上使用,则引用指向组件实例。在你的情况下,它是第二个,它应用于组件,所以如果你想获得dom,你需要使用this.$refs.wrap.$el来获取构建和容器dom节点,然后设置样式。当然,如果你想设置slot中的元素,在你获取到根容器dom节点后,你可以通过普通的querySelector等方法获取你想要的任意dom节点。如果还有问题,欢迎再次讨论。?//this.$nextTick(()=>{//让高度=this.$refs.bgImg.offsetHeight;//让宽度=this.$refs.bgImg.offsetWidth;//this.$refs.bgImg.样式.height=(height*this.num)/100+"px";//this.$refs.bgImg.style.width=(width*this.num)/100+"px";//});