![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端模块实现
Hassanh
这个作者很懒,什么都没留下…
展开
-
vue项目表格中文排序----字符串金额排序
vue项目中文排序----字符串金额排序中文排序el-table中添加sort-change事件,当表格的排序条件发生变化的时候会触发该事件;el-table-column中添加sortable=“custom” <!-- 内容展示 --> <el-table @sort-change="onSortChange" stripe :data="list" border :row-style原创 2021-08-04 11:07:27 · 1651 阅读 · 0 评论 -
vue项目切换页面beforeDestory不触发解决方法
vue项目切换页面beforeDestory不触发解决方法主要解决销毁当前页面实例时执行操作:可以使用路由守卫方法:使用组件内守卫:beforeRouteLeave (to, from, next) { // 导航离开该组件的对应路由时调用 this.ws.close(); //销毁时执行的代码 next() //允许跳转页面 },...原创 2021-07-08 11:47:20 · 6406 阅读 · 0 评论 -
时间戳转换成xxxx-xx-xx格式
时间戳转换成xxxx-xx-xx格式//先将时间戳转换成"Thu Feb 25 2021 11:08:51 GMT+0800 (中国标准时间)" var startdate = new Date(); var Y = startdate.getFullYear() + "-"; var M = (startdate.getMonth() + 1 < 10 ? "0" + (startdate.getMonth() + 1) : startdate.getMonth() +原创 2021-03-04 11:15:07 · 659 阅读 · 1 评论 -
vue给同一元素绑定单击click和双击事件dblclick,双击事件dblclick无效不触发解决办法
vue给同一元素绑定单击click和双击事件dblclick,双击事件dblclick无效不触发解决办法解决办法 vue 有时 双击 dblclick native有时vue项目中无论是v-ondblclick;还是@dblclick ,有时会无效果。解决办法直接上代码自己看。.native主要用于监听组件根元素的原生事件@dblclick.native= 可完美解决dblclick 有时无效问题<div class="grid-content"> <el-button原创 2021-03-02 16:32:41 · 5382 阅读 · 0 评论 -
vue项目兼容ie浏览器
vue项目兼容IE浏览器利用vue-cli脚手架搭建的项目打包后在chrome下正常显示,IE浏览器下显示空白,这是因为缺少babel-polyfill处理器的缘故。vue-cli脚手架构建的项目结构:解决方法:1、安装babel-polyfill包;npm install babel-polyfill --save-dev安装完之后,在package.json文件中显示:2、在main.js文件中引入babel-polyfill;3、在webpack.base.config.js转载 2021-02-23 09:45:08 · 222 阅读 · 0 评论 -
element 日期选择器不能选择当天日期以后的日期
element 日期选择器不能选择当天日期以后的日期 <el-form-item label="交易时间:" size="small"> <el-date-picker :clearable="false" v-model="value1" type="daterange" value-format="yyyy-MM-dd" range-sepa原创 2021-02-18 11:47:13 · 660 阅读 · 0 评论 -
改变DOM不能立即应用的问题及解决方法--this.$nextTick()
this.$nextTick()的使用this.$nextTick():在下次 DOM 更新结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。应用场景:在事件中修改DOM,直接修改不会立即应用,而是在下一次更新时才将修改的DOM应用,想要立即应用本次DOM修改后的数据,就要使用this.$nextTick()methods: { //获取元素高度(改变DOM,需要立即应用修改后的数据) getHeight() { //this.height : 内原创 2021-02-02 11:05:36 · 476 阅读 · 0 评论 -
vue项目中将表格导出为Excel
vue项目中将表格导出为Excel定义点击事件<el-form-item> <el-button type="primary" @click="onSubmit" size="small" class="btn" >查询</el-button > <el-button type="primary" @click="Export" size="small" class="btn原创 2021-01-20 12:09:14 · 387 阅读 · 2 评论