不知在哪里看到，在vue中推荐使用ref去获取/操作DOM，不建议使用原生方法。
在城市选择器中 根据首字母定位时，我研究了一下，是可以通过ref去获取元素，并滚动到可视区域

		// script
	    const charsRef = ref<{ [key: string]: Ref }>({});
	    const clickChar = (val: string) => {
	      let el: HTMLElement = charsRef.value[val].$el;
	      el.scrollIntoView();
	    };	
    
	  //  html 
      <el-scrollbar max-height="300px">
        <template v-for="(value, key) in cities" :key="key">
          <el-row
            style="margin-bottom: 10px"
            :ref="
              (el) => {
                if (el) charsRef[key] = el;
              }
            "
          >
            <el-col :span="2">{{ key }}</el-col>
            <el-col :span="22" class="city-name">
              <div
                class="city-name-item"
                v-for="item in value"
                :key="item.id"
                @click="clickCityItem(item)"
              >
                <div>{{ item.name }}</div>
              </div>
            </el-col>
          </el-row>
        </template>
      </el-scrollbar>