element中vpopover使用的小例子

应用自定义指令v-popover指向 Popover 的索引ref的例子:

`

    <el-form-item label="链接:" prop="dbUrl">
      <el-input
        v-model="dataSourceDetail.dbUrl"
        v-popover:popover1
        placeholder="请输出链接"
      >
      </el-input>
      <el-popover
        ref="popover1"
        placement="bottom"
        width="450"
        trigger="hover"
        :content="dbUrlTip"
      >
      </el-popover>
    </el-form-item>
    <el-form-item label="驱动类名:" v-popover:popover2 prop="driverClass">
      <el-input
        v-model="dataSourceDetail.driverClass"
        placeholder="请输出驱动类名"
      >
      </el-input>
      <el-popover
        ref="popover2"
        placement="bottom"
        width="450"
        trigger="hover"
        :content="driverClassTip"
      >
      </el-popover>

`

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理