获取动态绑定ref方法

绑定语法  :ref="`thumb${item.gspecid}`"

 获取语法： this.$refs[`thumb${item.gspecid}`]

动态获取绑定节点坐标：

 

Todos:

 

   

1.      

   {{ todo.text }}

         获取坐标

      

 

  添加

方法：

el: "#app",

  data: {

    todos: [

      { text: "Learn JavaScript" },

      { text: "Learn Vue" },

      { text: "Play around in JSFiddle" },

      { text: "Build something awesome" }

    ]

  },

  methods: {

  addLi() {

    this.todos.push({

      text: new Date().getTime()

      })

    },

    getMap(index) {

    const dom = this.$refs.dom[index]

      alert(`当前坐标，x:${dom.offsetLeft},y:${dom.offsetTop}`)

    }

  }

})