关于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";
  // });

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理