- 1.input輸入框限制只能輸入大于0的數(shù)據(jù)
<input type="number" step="1" min="0"
onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"
>
- 2.elementUI中input輸入框限制只能輸入數(shù)字
<el-input
onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
maxlength="8"
>
限制輸入數(shù)字，且長度最大為8
</el-input>
- 3.el-input修改placeholder的樣式
//在樣式表中定義一個 ::placeholder 偽類選擇器根吁，指定需要修改的屬性和值员淫，例如修改占位符文本顏色為灰色（#888888）合蔽。
::v-deep .el-input__inner::placeholder {
color: #888888;
}
- 3.vue 過濾字典翻譯
//獲取字典值
formatDictValue(dictValue) {
//獲取字典
let dictArr = this.dict.type.device_type
return dictArr.find(item => {
return item.value == dictValue
})?.label ?? ""
}
- 修改
el-select的樣式
方法1击敌、在index.html中全局修改
方法2、 加:popper-append-to-body="false"屬性
- 修改
<el-select v-model="value" popper-class="setSelect"
:popper-append-to-body="false" placeholder="請選擇"></el-select>
popper-class是給select下拉框的起的類名拴事，搭配使用的話沃斤，會讓css代碼少寫點
- 5.vue頁面中點擊按鈕實現(xiàn)讓頁面的指定dom元素實現(xiàn)全屏展示功能
- 第一步、首先安裝screenfull
npm install screenfull@4.2.0 --save - 第二步刃宵、在需要全屏的組件中引入
import screenfull from "screenfull";
- 第一步、首先安裝screenfull
- 第三步衡瓶、在methods中添加btn事件
<div :class="isCollapse ? 'ifa-collapsed' : 'ifa'" id="screen">放大的內容 </div>
btn() {
let element = document.getElementById("screen"); //指定全屏區(qū)域元素
screenfull.toggle(element); //全屏顯示
},
