论坛 › 技术交流 › element中v-popover使用的小例子

赵匡胤 发表于 2022-1-27 21:59:32

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>

查看完整版本: element中v-popover使用的小例子