·设为首页收藏本站📧邮箱修改🎁免费下载专区🔐设置/修改密码👽群雄群聊
🔄最新发布📃文档资料库🆔加群看共享切换到窄版
立即注册
DZ插件网»🏠首页 › Discuz!交流与探讨 › Discuz!运营教程 › 开发文档 › element中v-popover使用的小例子
返回列表 发布新帖

element中v-popover使用的小例子

253 0
发表于 2022-3-4 15:32:29 | 显示全部楼层 阅读模式

马上注册，免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看，没有账号？立即注册

×
使用自定义指令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>
复制代码
element, 使用, 例子, 自定义, 定义
我要说一句 收起回复
赞赏
回复

使用道具 举报

相关帖子
返回列表 发布新帖

回复
 懒得打字嘛，点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们

关于我们 免责声明 应用市场 下载中心

服务支持

有问必答 优秀站点 常见问题 建站必看
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载，复制和建立镜像，
如有违反，按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图

您的IP:3.137.187.233,58.57.102.60,GMT+8, 2024-5-6 02:38 , Processed in 0.197595 second(s), 68 queries , Gzip On, Redis On.

Based on Discuz! W1.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
 QQ客服返回顶部
快速回复 返回顶部 返回列表