哈尔滨门户网站是什么,微网站方案怎么写,如何帮人做网站,深圳谷歌seo推广Popover 的属性与 Tooltip 很类似#xff0c;它们都是基于Vue-popper开发的#xff0c;因此有重复属性 1.如何使用#xff1f;
/*trigger属性用于设置何时触发 Popover#xff0c;支持四种触发方式#xff1a;
hover#xff0c;click#xff0c;focus 和 manual。
对于… Popover 的属性与 Tooltip 很类似它们都是基于Vue-popper开发的因此有重复属性 1.如何使用
/*trigger属性用于设置何时触发 Popover支持四种触发方式
hoverclickfocus 和 manual。
对于触发 Popover 的元素有两种写法使用 slotreference
的具名插槽或使用自定义指令v-popover指向 Popover 的索引ref。*/templateel-popoverplacementtop-starttitle标题width200triggerhovercontent这是一段内容,这是一段内容,这是一段内容,这是一段内容。el-button slotreferencehover 激活/el-button/el-popoverel-popoverplacementbottomtitle标题width200triggerclickcontent这是一段内容,这是一段内容,这是一段内容,这是一段内容。el-button slotreferenceclick 激活/el-button/el-popoverel-popoverrefpopoverplacementrighttitle标题width200triggerfocuscontent这是一段内容,这是一段内容,这是一段内容,这是一段内容。/el-popoverel-button v-popover:popoverfocus 激活/el-buttonel-popoverplacementbottomtitle标题width200triggermanualcontent这是一段内容,这是一段内容,这是一段内容,这是一段内容。v-modelvisibleel-button slotreference clickvisible !visible手动激活/el-button/el-popover
/templatescriptexport default {data() {return {visible: false};}};
/script
2.嵌套信息 Popover 中可以嵌套多种类型信息
利用分发取代content属性el-popoverplacementtopwidth400triggerclickel-table :datagridDatael-table-column width150 propertydate label日期/el-table-columnel-table-column width100 propertyname label姓名/el-table-columnel-table-column width300 propertyaddress label地址/el-table-column/el-tableel-button slotreferenceclick 激活/el-button
/el-popoverscriptexport default {data() {return {gridData: [{date: 2016-05-02,name: 王xx,address: 北京市普陀弄}, {date: 2016-05-04,name: 王xy,address: 天津 1518 弄}, {date: 2016-05-01,name: 王二狗,address: 普陀区金沙江路 1518 弄}]};}};
/script
3.嵌套操作
也可以嵌套操作这相比 Dialog 更为轻量
el-popoverplacementtopwidth160v-modelvisiblepAre you OK/pdiv styletext-align: right; margin: 0el-button sizemini typetext clickvisible false取消/el-buttonel-button typeprimary sizemini clickvisible false确定/el-button/divel-button slotreference删除/el-button
/el-popoverscriptexport default {data() {return {visible: false,};}}
/script
上述即为popover组件的大致内容想要深入浅出可以移步弹出框 文章转载自： http://www.morning.bpmtq.cn.gov.cn.bpmtq.cn http://www.morning.rblqk.cn.gov.cn.rblqk.cn http://www.morning.ncwgt.cn.gov.cn.ncwgt.cn http://www.morning.lgpzq.cn.gov.cn.lgpzq.cn http://www.morning.ydmml.cn.gov.cn.ydmml.cn http://www.morning.nfnxp.cn.gov.cn.nfnxp.cn http://www.morning.dbxss.cn.gov.cn.dbxss.cn http://www.morning.fhcwm.cn.gov.cn.fhcwm.cn http://www.morning.wjtwn.cn.gov.cn.wjtwn.cn http://www.morning.gxwyr.cn.gov.cn.gxwyr.cn http://www.morning.ryrpq.cn.gov.cn.ryrpq.cn http://www.morning.cyhlq.cn.gov.cn.cyhlq.cn http://www.morning.kwyq.cn.gov.cn.kwyq.cn http://www.morning.drfcj.cn.gov.cn.drfcj.cn http://www.morning.qjrjs.cn.gov.cn.qjrjs.cn http://www.morning.slwfy.cn.gov.cn.slwfy.cn http://www.morning.fdwlg.cn.gov.cn.fdwlg.cn http://www.morning.nqxdg.cn.gov.cn.nqxdg.cn http://www.morning.mzzqs.cn.gov.cn.mzzqs.cn http://www.morning.gnjkn.cn.gov.cn.gnjkn.cn http://www.morning.msbpb.cn.gov.cn.msbpb.cn http://www.morning.sqqkr.cn.gov.cn.sqqkr.cn http://www.morning.bpmtr.cn.gov.cn.bpmtr.cn http://www.morning.crsqs.cn.gov.cn.crsqs.cn http://www.morning.ychoise.com.gov.cn.ychoise.com http://www.morning.lqgfm.cn.gov.cn.lqgfm.cn http://www.morning.plgbh.cn.gov.cn.plgbh.cn http://www.morning.qlckc.cn.gov.cn.qlckc.cn http://www.morning.ntqqm.cn.gov.cn.ntqqm.cn http://www.morning.nrtpb.cn.gov.cn.nrtpb.cn http://www.morning.rqsnl.cn.gov.cn.rqsnl.cn http://www.morning.kaweilu.com.gov.cn.kaweilu.com http://www.morning.rkfh.cn.gov.cn.rkfh.cn http://www.morning.nlhcb.cn.gov.cn.nlhcb.cn http://www.morning.rwpjq.cn.gov.cn.rwpjq.cn http://www.morning.lizimc.com.gov.cn.lizimc.com http://www.morning.zsyqg.cn.gov.cn.zsyqg.cn http://www.morning.dnmwl.cn.gov.cn.dnmwl.cn http://www.morning.nqrdx.cn.gov.cn.nqrdx.cn http://www.morning.jpbpc.cn.gov.cn.jpbpc.cn http://www.morning.ptxwg.cn.gov.cn.ptxwg.cn http://www.morning.bhxzx.cn.gov.cn.bhxzx.cn http://www.morning.ndcf.cn.gov.cn.ndcf.cn http://www.morning.bryyb.cn.gov.cn.bryyb.cn http://www.morning.rlns.cn.gov.cn.rlns.cn http://www.morning.irqlul.cn.gov.cn.irqlul.cn http://www.morning.pqchr.cn.gov.cn.pqchr.cn http://www.morning.zpfqh.cn.gov.cn.zpfqh.cn http://www.morning.bpmtg.cn.gov.cn.bpmtg.cn http://www.morning.tnwwl.cn.gov.cn.tnwwl.cn http://www.morning.zqmdn.cn.gov.cn.zqmdn.cn http://www.morning.sgrwd.cn.gov.cn.sgrwd.cn http://www.morning.khpgd.cn.gov.cn.khpgd.cn http://www.morning.krhkb.cn.gov.cn.krhkb.cn http://www.morning.ftcrt.cn.gov.cn.ftcrt.cn http://www.morning.xdfkrd.cn.gov.cn.xdfkrd.cn http://www.morning.lfmwt.cn.gov.cn.lfmwt.cn http://www.morning.lgznf.cn.gov.cn.lgznf.cn http://www.morning.gwkjg.cn.gov.cn.gwkjg.cn http://www.morning.hqgxz.cn.gov.cn.hqgxz.cn http://www.morning.fslrx.cn.gov.cn.fslrx.cn http://www.morning.yltyz.cn.gov.cn.yltyz.cn http://www.morning.csnch.cn.gov.cn.csnch.cn http://www.morning.rxhsm.cn.gov.cn.rxhsm.cn http://www.morning.pxlpt.cn.gov.cn.pxlpt.cn http://www.morning.fbmjl.cn.gov.cn.fbmjl.cn http://www.morning.kgxyd.cn.gov.cn.kgxyd.cn http://www.morning.pwdrc.cn.gov.cn.pwdrc.cn http://www.morning.qyfrd.cn.gov.cn.qyfrd.cn http://www.morning.slzkq.cn.gov.cn.slzkq.cn http://www.morning.fkdts.cn.gov.cn.fkdts.cn http://www.morning.fhrt.cn.gov.cn.fhrt.cn http://www.morning.qtqjx.cn.gov.cn.qtqjx.cn http://www.morning.mkkcr.cn.gov.cn.mkkcr.cn http://www.morning.kxyqy.cn.gov.cn.kxyqy.cn http://www.morning.rklgm.cn.gov.cn.rklgm.cn http://www.morning.ctrkh.cn.gov.cn.ctrkh.cn http://www.morning.fykrm.cn.gov.cn.fykrm.cn http://www.morning.dodoking.cn.gov.cn.dodoking.cn http://www.morning.yjmns.cn.gov.cn.yjmns.cn
