tooltip文字提示
1.改變tooltip的提示樣式
①設(shè)置popper-class="atooltip"
②以下內(nèi)容可根據(jù)情況修改
/*?改變elementui文字提示的樣式?*/
.atooltip?{
??background-color:?rgba(6,?83,?135,?0.8)?!important;
??padding:?5px;
??color:?#00ffff?!important;
}
.atooltip.el-tooltip__popper[x-placement^="top"]?.popper__arrow:after?{
??border-top-color:?rgba(6,?83,?135,?0.8);
}
.atooltip.el-tooltip__popper[x-placement^="top"]?.popper__arrow?{
??border-top-color:?rgba(6,?83,?135,?0.8);
}
2.
slider滑塊
1.頁(yè)面初始時(shí)一直展示滑塊值?
①設(shè)置ref = "slider"
② 在mouted鉤子函數(shù)里面? ?
? ? this.$refs.slider.setPosition("綁定的值");
2.改變silder的顯示樣式
①設(shè)置tooltip-class="slider_tooltip"
② css樣式芙粱，根據(jù)需求調(diào)整
/*?滑動(dòng)條的tooltip?*/
.slider_tooltip?{??background-color:?transparent?!important;??color:?#fff?!important;??padding:?0;}
/*? 滑塊的箭頭 */
.slider_tooltip?.popper__arrow?{??display:?none;}
3.
cascader級(jí)聯(lián)選擇器
1.實(shí)現(xiàn)多選的功能
①設(shè)置?ref="cascader"
②需要明白
this.$refs.cascader.getCheckedNodes()可以獲取選中了的值
this.$refs.cascader.panel.getNodeByValue("")可以通過(guò)value值知道該Node節(jié)點(diǎn)的信息
③this.$refs.cascader.panel.getNodeByValue("100").checked?=?true改變節(jié)點(diǎn)的選中狀態(tài)
④判斷全選是否被勾選炎滞，決定全選這個(gè)按鈕的狀態(tài)活孩，或者循環(huán)遍歷沒(méi)有被勾選的值改變狀態(tài)
