乐趣区

关于vue.js:vue-元素样式修改

这里是应用谬误。ref 有两种状况:第一,如果在一般的 DOM 元素上应用,援用指向的就是 DOM 元素。第二,如果用在子组件上,援用就指向组件实例。你这种状况,就是第二种,利用在组件上,那么如果想要获取 dom,须要应用 this.$refs.wrap.$el 来获取组建的跟容器 dom 节点,而后设置款式。当然如果你想设置 slot 外面的元素,那么在拿到 根容器 dom 节点后,就能够通过失常的 querySelector 等办法获取你想要的任何 dom 节点了如果还有问题,欢送再次探讨。?

  // this.$nextTick(() => {
  //   let height = this.$refs.bgImg.offsetHeight;
  //   let width = this.$refs.bgImg.offsetWidth;
  //   this.$refs.bgImg.style.height = (height * this.num) / 100 + "px";
  //   this.$refs.bgImg.style.width = (width * this.num) / 100 + "px";
  // });
退出移动版