鍍金池/ 問(wèn)答/HTML/ vue中怎么獲取一個(gè)元素組

vue中怎么獲取一個(gè)元素組

ul下有一組li,我要根據(jù)li的數(shù)量動(dòng)態(tài)修改ul的寬度,如何在vue中獲取所有的li,ref是獲取指定的dom,如果是原生的獲取dom我知道怎么做,就想問(wèn)下vue的實(shí)現(xiàn)方式。

回答
編輯回答
枕頭人

使用ref是最好的選擇.他可以有效的減少對(duì)dom操作所造成的資源消耗

2017年8月16日 05:10
編輯回答
瘋浪
<template>
  <ul ref="uldom">
    <li></li>
    <li></li>
    <li></li>
  </ul>
</template>
<script>
export default {
  mounted () {
    console.log(this.$refs.uldom.children)  // this.$refs.uldom 也就是ul的dom對(duì)象 .children 也就是原生的js 方法
  }
}
</script>
2018年4月27日 23:06