vue element外掛程式Popover彈出框

2021-10-14 16:17:21 字數 1480 閱讀 2988

方法一 使用自定義指令v-popover指向 popover 的索引ref

ref=

"popover1"

width=

"200"

trigger=

"click"

placement=

"top"

content=

"這是一段內容1"

>

click 啟用1

ref=

"popover2"

width=

"200"

trigger=

"click"

placement=

"top"

content=

"這是一段內容2."

>

click 啟用2

方法二

placement=

"top"

width=

"200"

trigger=

"click"

content=

"這是一段內容1。"

>

"reference"

>click 啟用1

placement=

"top"

width=

"200"

trigger=

"click"

content=

"這是一段內容2。"

>

"reference"

>click 啟用2

placement=「bottom」placement出現位置 可選 top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end

trigger=「click」trigger屬性用於設定何時觸發 popover,支援四種觸發方式:hover,click,focus 和 manual。

popper-class

為了防止全域性樣式汙染針對每乙個popover-class 設定樣式即可

注意:1.使用popper-class 定義樣式資訊,2.建立對應的css的class.el-popover.my-class 這種格式,字首是.el-popover ,不然不生效。

.el-popover.popper1

.el-popover.popper2

結構pop 藥店專版手繪POP

手繪pop培訓課程 藥店pop展示篇24集 免費 一 藥店商品類pop 1 藿香正氣口服液 2 安宮牛黃丸 3 烏雞白鳳丸 4 全鹿補腎丸 5 阿膠 6 999皮炎平 7 板藍根顆粒 8 小兒咽扁顆粒 9 蒲地藍水炎片 10 胃康靈膠囊 11 蛋白質粉 12 金銀花露 13 維生素c 14 人參 1...

vue element搭建專案

前言 使用到的技術和框架及平台外掛程式 git vue vuex element js cookies 步驟 1 配置開發環境 node.js npm v 檢視node版本 vue v 檢視vue版本 vue vue cli 全域性安裝vue vue腳手架 2 新建資料夾,在檔案下初始化專案 vue...

vue element檔案提交

html class upload demo ref upload action limit 1 before upload beforeupload on change handlechange on remove handleremove on exceed handleexceed file ...