首页 > 【汇总】ElementUI中高频次使用代码片段

【汇总】ElementUI中高频次使用代码片段

 翻页器

currentPage: 1, pageSize: 10, total: 0,

按钮

 重置 查询

输入框

下拉框

   options: [{value: '1', label: '选项1'}, {value: '2', label: '选项2'}, {value: '3', label: '选项3'},], value: '',changeSelect(value){console.log(value)},

空状态

加载

v-loading="loading"loading:true,this.loading=false;showLoad() { this.load = this.$loading({ text: "加载中…" }); },hideLoad() { this.load && this.load.close(); },const loading=this.$loading({lock: true,text: "加载中…",spinner: "el-icon-loading",background: "rgba(0,0,0,0.7)"});setTimeout(()=> {loading.close();},2000);https://loading.io

初始化

//初始化
init(){},

搜索

//搜索
search() {
this.currentPage = 1;
this.init();
},

重置

//重置
reset(){
//相关参数归零this.currentPage = 1;
this.init();
},

监听、计算、生命周期、方法

export default {data(){return{}},watch: {},computed: {},created() {},mounted() {},methods: {},};

更多相关：

  • JAVA中文注解驱动，解决api接口返回的json里面出现中文乱码的问题

        在src/main/resources/springmvc-servlet.xml中加入

  • Rocksdb 的 MergeOperator 简单使用记录

    本篇仅仅是一个记录 MergeOperator 的使用方式。 Rocksdb 使用MergeOperator 来代替Update 场景中的读改写操作，即用户的一个Update 操作需要调用rocksdb的 Get + Put 接口才能完成。 而这种情况下会引入一些额外的读写放大，对于支持SQL这种update 频繁的场景来说实在是不划...

  • JS数组去重精简版

    看了很多人写的好几个去重方法，我在这里精简组合下，适用于已排序与未排序的数组。 废话不多说，上代码。 数组去重