elementui-w v0.0.4

ElementUI2 通用库

先这样规划，待完成。

1.函数

• 安装

npm install elementui-w-util

• 函数

• 使用

// 引入
import { getCookieUtil } from 'elementui-w-util'

// 使用
export default {
  methods: {
    getCookieUtil,
    getUserList() {
      this.getCookieUtil...
    }
  }
}

2.验证器

• 安装

npm install elementui-w-validator

• 验证器：min、max、length框架自带了

• 使用

// 引入
import { emailValidator } from 'elementui-w-validator'

// 使用
export default {
  data () {
    return {
      emailValidator,
      rules: {
        mail: [ {trigger: "blur", validator: emailValidator} ]
      }
    }
  }
}

3.自定义指令

• 安装

npm install elementui-w-directive

• 指令

• 使用

// 使用
<el-input v-model="searchForm.price" v-turnToNum placeholder="请输入价格"></el-input>

// 引入（可以全局导入）
import 'elementui-w-directive'

4.过滤器

当成转换器用

• 安装

npm install elementui-w-filter

• 过滤器

• 使用

// 使用
<el-table-column prop="operateTime" label="创建日期" min-width="120">
  <template slot-scope="scope">{{ scope.row.operateTime | operateTimeFilter }}</template>
</el-table-column>

// 引入
import { operateTimeFilter } from 'elementui-w-filter'

// 使用
export default {
  methods: {
    operateTimeFilter
  }
}