安装

npm install --save we-directive

配置

import directive from 'we-directive';

Vue.use(directive,{
    waitTime:Number,//loading等待时间  defaults 0 ,
    openLoading:Boolean,//全局loading开关 defaults false,
    blankTip:String,// 空表格提示数据
});

使用

we-loading使用

    //给需要loading的元素身上添加指令,指令后跟需等待函数
    <el-table
      v-we-loading="getTableData"
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
    </el-table>
    
    <!--注意 绑定在dom上的事件需要加()绑定-->
     <!--<el-button @click="getTableData()">默认按钮</el-button>-->
     <!--getTableData 函数需要返回一个Promise-->
    getTableData() {
      return this.getPackageOrderList(this.params).then((res) => {
        this.dataList = _.get(res, 'list', []);
        this.totalSize = _.get(res, 'totalSize', 0);
      }).catch(() => {});
    },
    

we-queue使用

   <el-button v-we-queue="getTableData" @click="getTableData()">默认按钮</el-button>
    <!--注意 绑定在dom上的事件需要加()绑定-->
    <!--getTableData 函数需要返回一个Promise-->

we-emptyTable 使用

    //给需要el-table的元素身上添加指令,指令后跟table需要渲染的数据 
    <el-table
      v-we-emptyTable="tableData"
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
    </el-table>

we-drag 使用

 //给需要el-dialog或者其父级身上添加指令,添加指令的子el-dialog可实现拖拽
    <el-dialog v-we-drag>
      //something
    <el-dialog/>