方法一 使用自定義指令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 ...