H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端技术】element中v-popover使用的小例子

使用自定义指令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>

`

本文地址:H5W3 » 【前端技术】element中v-popover使用的小例子

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址