1、问题

在我使用element-plus的tour组件时发现它给的案例没办法在父组件指向子组件有ref获取的元素数据。

2、解决方法及代码展示

在要指向的部分使用id进行元素获取，这种方法可以直接定位到各组件的元素上便于使用el-tour的新手引导，只需在el-tour-step上的target属性使用target="#idName"即可。

父组件：

  <el-tour v-model="openGuidance">
    <el-tour-step target="#ref1" content-style="width:250px;">
      <div class="step">
        引导1
      </div>
    </el-tour-step>
  </el-tour>

子组件

<div id="ref1">
XXX
</div>

通过以上方法即可实现跨组件的新手引导。