去评论
dz插件网

element中v-popover使用的小例子

婷姐
2022/03/04 15:32:29
使用自定义指令v-popover指向 Popover 的索引ref的例子：

[HTML]  
  1. <el-form-item label="链接:" prop="dbUrl">
  2.       <el-input
  3.         v-model="dataSourceDetail.dbUrl"
  4.         v-popover:popover1
  5.         placeholder="请输入链接"
  6.       >
  7.       </el-input>
  8.       <el-popover
  9.         ref="popover1"
  10.         placement="bottom"
  11.         width="450"
  12.         trigger="hover"
  13.         :content="dbUrlTip"
  14.       >
  15.       </el-popover>
  16.     </el-form-item>
  17.     <el-form-item label="驱动类名:" v-popover:popover2 prop="driverClass">
  18.       <el-input
  19.         v-model="dataSourceDetail.driverClass"
  20.         placeholder="请输入驱动类名"
  21.       >
  22.       </el-input>
  23.       <el-popover
  24.         ref="popover2"
  25.         placement="bottom"
  26.         width="450"
  27.         trigger="hover"
  28.         :content="driverClassTip"
  29.       >
  30.       </el-popover>
进入原文参与互动