美文网首页
ref在v-for里

ref在v-for里

作者: 小白的踩坑日常 | 来源:发表于2020-09-29 13:21 被阅读0次

    遇到的问题:

    想拿到在v-for里渲染的dom节点的宽度

    解决代码:

    this.standSize = this.$refs.IObox[0].$el.offsetWidth
    

    注意问题:

    • 1、$refs.ref在v-for内拿到的是一个数组,要用数组的方式取值
    • 2、$el 用于获取vue挂载的实例的dom对象,在mounted生命周期中才有效

    vue中各属性:

    vm.$el
    获取Vue实例关联的DOM元素;

    vm.$data
    获取Vue实例的data选项(对象)

    vm.options 获取Vue实例的自定义属性(如vm.options.methods,获取Vue实例的自定义属性methods)

    vm.refs 获取页面中所有含有ref属性的DOM元素(如vm.refs.hello,获取页面中含有属性ref = “hello”的DOM元素,如果有多个元素,那么只返回最后一个)

    参考:
    https://www.jianshu.com/p/f6f3f00cd923

    https://blog.csdn.net/qq_36724501/article/details/86481173?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase

    相关文章

      网友评论

          本文标题:ref在v-for里

          本文链接:https://www.haomeiwen.com/subject/frkeuktx.html