Vue
_Elias
这个作者很懒,什么都没留下…
展开
-
重置element的白色按钮点击之后的样式
restoreElementButtonStyle: function (event) { let target = event.target if (target.nodeName === 'I' || target.nodeName === 'SPAN') { target = event.target.parentNode } target.blur()}原创 2022-01-20 10:58:43 · 835 阅读 · 0 评论 -
虚拟列表在chrome中实现触底加载的时候出现无限触底
在滚动容器上增加样式,清除chrome的滚动锚点设置::v-deep .el-scrollbar__wrap { overflow-anchor: none;}原创 2021-08-25 15:49:20 · 181 阅读 · 0 评论 -
popper跟随鼠标在容器内移动
使用插件:popper.jshttps://popper.js.orgHTML<div id="popper" class="popper-box" v-show="showPopper">{{ popperString }} <div class="arrow" v-show="showPopper"></div></div>CSS.popper-box { pointer-events: none; dis原创 2021-06-29 14:52:53 · 467 阅读 · 0 评论 -
el-radio模拟多选
<div class="question-option" v-for="(v, i) in questionDetail.options" :key="i"> <el-radio @click.native="handleClick" v-model="answer[i]" :name="`${i}`" :label="1" >{{arrayAZ[i]}}、{{v.option_title}}</el-radio></d.原创 2021-04-17 16:06:16 · 768 阅读 · 1 评论 -
element-ui el-table字段联合检索(后点击的作为次要条件)
示例:这个表格需要联合检索dueDate和essaySubmissionDeadline特殊需求:后点击进行筛选的列,后端需要作为联合检索的次要条件所以考虑使用::header-cell-class-name & @sort-change 实现功能<el-table empty-text="No Data" :data="tableData" style="width: 100%" :header-cell-class-name="handleThe原创 2021-04-01 15:05:36 · 436 阅读 · 0 评论 -
vue-quill-editor 实现撤销功能和还原功能的富文本编辑框
<template> <div class="editor-container"> <quill-editor v-if="showEditor" v-model="content" ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event..原创 2020-08-08 15:39:45 · 3972 阅读 · 0 评论 -
canvas绘制一个可以让鼠标hover在点上的时候弹出小窗的折线图
<template> <div> <Card :type="3" :performanceData='performanceData' /> <div class="card-container"> <div class="card-title">周正确率走势</div> <...原创 2019-10-16 17:10:23 · 1977 阅读 · 1 评论 -
Vue中的:class的使用
一个样式:class="{makeColor:username!=''}"多个样式(三元):class="[email!=''?'makeColor':'',result.email===false?'makeColorRed':'']"原创 2019-01-29 16:53:59 · 52814 阅读 · 0 评论 -
element+vue 自定义播放器组件
只控制能不能重复播放和拖拽进度,2个参数theUrl和type<template> <div class="di main-wrap" v-loading="audio.waiting"> <!-- 这里设置了ref属性后,在vue组件中,就可以用this.$refs.audio来访问该dom元素 --> <audio ...原创 2019-08-06 14:22:04 · 2881 阅读 · 0 评论 -
用Laravel-Mix为Vue按需加载的文件添加版本号
const mix = require('laravel-mix');/* |-------------------------------------------------------------------------- | Mix Asset Management |--------------------------------------------------------...原创 2019-08-06 14:32:54 · 840 阅读 · 0 评论 -
element-ui 下拉选框直接获取整个option上绑定的数据
<el-select v-model="value_item" placeholder="请选择项目" @change="handlerSearch($event, 2)"> <el-option v-for="item in options_item" :key="item.projectId" :label="item.projectName...原创 2019-08-30 10:19:00 · 3131 阅读 · 0 评论 -
vue中使用cookie存储数据
setCookie: function (cname, cvalue, exdays) { let d = new Date() d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)) let expires = 'expires=' + d.toUTCString() document.cookie = cname + '...原创 2019-09-11 14:16:57 · 9024 阅读 · 0 评论 -
Vue中父窗口新开的子窗口关闭的时候刷新父窗口
mounted () { // 注册监听 window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))},destroyed () { // 非窗口关闭的跳转直接卸掉监听 window.removeEventListener('beforeunload', e => this.b...原创 2019-09-20 15:22:07 · 7543 阅读 · 5 评论 -
在一个子组件中调用另一个子组件的方法
// 在父组件中中转<headNav @onSend="onSend"></headNav><Reading ref="reading"></Reading>methods: { onSend () { this.$refs.reading.onSend() }},原创 2019-09-20 16:14:01 · 5082 阅读 · 3 评论