Element

element DatePicker禁用日期

要实现的效果如下：具体的需求是实际上班日期才可以进行选择， html：

1

2

3

4

5

6

7

8

9

10

11

12

<el-date-picker

v-model="value2"

align="right"

type="date"

placeholder="选择日期"

:picker-options="pickerOptions">

</el-date-picker>

</div>

</template>

js:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

const noFilters = ['10/15', '10/16']

const filters = ['10/26', '10/27']

export default {

data() {

return {

pickerOptions: {

disabledDate(time) {

// 今天以前不可选

let isBeforeToday = time.getTime() < Date.now() - 172800000;

if(isBeforeToday) return true

// 周六、周日也要上班的日子要可以选择（法定节假日调休）

let isForceEnableDay = noFilters.some(i => {

return time.getTime() == new Date('2022/'+ i).getTime()

})

if(isForceEnableDay) return false

// 周六、周日要禁用

if(time.getDay() == 0 || time.getDay() == 6) {

return true

}

// 工作日放假的日子要禁用（法定节假日）

let isForceDisableDay = filters.some(i => {

return time.getTime() == new Date('2022/'+ i).getTime()

})

if(isForceDisableDay) return true

}

};

}

};

Element 2022年10月10日 166 浏览评论已经关闭

使用ElementUI Table报错 ‘querySelector’ of undefined at TableLayout.updateElsHeight

报错的详细信息截图：错误定位（使用element-ui el-table的属性导致的）：注意解释： == 我使用的ElementUI中的Table组件中的第一个demo1 在那基础上加了height[ 或者max-height ] 和show-header 这两者一…

Element 2020年1月1日 1,652 浏览评论已经关闭

Vue element el-form表单提交敲击enter键时 url上会自动加上问号？并刷新页面解决办法

1

2

3

4

5

6

7

8

<el-form @submit.native.prevent>

<el-form-item :inline="true">

<el-input @keyup.enter.native='onSubmit'></el-input>

</el-form-item>

<el-form-item>

<el-button @click="onSubmit></el-button>

</el-form-item>

</el-form>

注意：鼠标事件导致页面刷新问题，在el-form上增加 @submit.native.prevent 可阻止页面刷新欢迎留言，1小时内回复我已经用vue+element做过好几个大型项目，遇到过不少…

Element 2019年4月25日 2,208 浏览评论已经关闭

Vue好用插件大全（持续更新）

下面这些插件在github上都能搜得到，我就不一一提供地址了 1，driver.js 页面引导这是啥呢，就是你打开一个页面的时候，提示你第一步怎么做，第二部怎么做或者，这次版本更新这个模块有什么改动，那个模块…

Element 2019年4月22日 2,219 浏览评论已经关闭

Vue项目配置开发环境，生产环境接口地址，打包build目录更改，router路由守卫

1，配置接口地址修改项目的接口地址，直接更改以下文件（重点关注module.exports）： /config/dev.env.js —- 开发环境接口地址

1

2

3

4

5

6

7

8

'use strict'

const merge = require('webpack-merge')

const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {

NODE_ENV: '"development"',

API_ROOT: '"https://devapi.mkboke.com"'

})

/config/prod.env.js —- 生产环境…

Element 2019年4月21日 1,851 浏览评论已经关闭

Element对img图片列表，头像，el-upload做表单验证

做项目的时候有时候会遇到这种需求： 1，用户头像要做必填验证 2，产品的多图也要进行必填验证第一种：用户头像用户头像都是单张图，可以利用利用el-input组件做验证，看完整代码 [crayon-651c7d13c494b85…

Element 2019年4月19日 4,979 浏览 6 评论

element el-cascader 动态加载次级选项，防止重复加载，异步请求三级数据

本篇文章解决的问题： 1，绑定事件@active-item-change点击后无反应 2，需要动态加载到第三级，官网例子只给了第二级，比如（省、市、区）（顶级分类、二级分类、三级分类） 3，已经加载过的数据防止重复加…

Element 2019年3月21日 14,029 浏览 32 评论