logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【记录】如何查看项目中应采用的 node 版本

packageJson.engines,第三方模块都会有,自己的项目中有可能有pm2.app[].interpreter,如果采用 pm2 部署,可以查看 interpreter 选项,但不保证该项存在FROM,如果采用 docker 部署,查看基础镜像 Dockerfile 中 node 的版本号如果以上方式都不可以,那只有问人了...

element-ui的el-select选择器的@blur事件失效的坑

element-UI文档中本来el-select有个blur事件绑定函数属性。但是使用后发现有时候失焦事件并不能触发生效,也就导致所绑定的函数不能执行。解决办法:利用el-select的@focus方法,在select标签内 添加 ref 于此便可在focus事件内触发 blur事件。 代码如下:<el-selectmultiplefilterableallow-createdefault-

#vue.js#javascript#html
element-ui 中的el-table表格默认的“暂无数据”修改

el-table中当无空数据时会默认显示一个“暂无数据”(附下图),那如果我们想要修改怎么办呢?怎么修改呢?解决办法如下:只需要在el-tbale中的对应的插槽中写入你想展示的数据即可如下图:<el-table:header-cell-style="customHeaderStyle":cell-style="customCellStyle":size='customSize'stripeb

#elementui#vue.js#前端
element el-select下拉框修改样式 el-select-dropdown

element el-select下拉框修改样式el-select-dropdown修改下拉框的样式想要修改el-select的样式 尝试修改css无效果,于是打开控制台发现如图所示,它们是同级的。于是,又去仔细翻阅了element文档 发现 有一个popper-class属性实践,如图所示注意:style中需要去掉 scoped!!! 否则无效...

element-ui 实现图标选择器

实现效果图:代码如下:<el-form-itemlabel='菜单图标:'prop='icon'><el-popoverplacement="bottom"width="450"trigger="click"><span slot="reference"><el-input suffix-icon='data-icon' v-model='form.ico

#ui#javascript#css
vue element el-input 搜索实现防抖 @input事件请求频繁

不要使用el-input的@input事件,使用这个事件,使用防抖无效。上实际代码,如下:<template>// 其他代码省略<el-input suffix-icon="el-icon-search" v-model="page.searchCode" clearable></el-input></template><script>d

#javascript#vue.js
解决 element-ui resetFields重置方法无效问题

目前发现resetFields(),有以下两种情况可能会导致失效:情况1、el-form-item没有加上prop属性需要重置的表单项el-form-item必须要加上prop属性,并且prop属性的值必须和数据双向绑定的值最后面保持一致element-ui 提供的文档如图:图例如下:情况2、在mounted之前给表单赋值(mounted DOM未挂载完成)在mounted之前赋值会被当成是初始值

#前端#vue.js#ui
【记录】element el-select下拉滚动加载 vue自定义指令实现el-select下拉滚动加载 解决el-select 滚动加载回显问题

由于下拉数据比较多,造成卡顿用户体验极差,所以使用滚动加载的办法提高用户体验方案一:(局部自定义一个指令)第一步(创建指令)export default {directives: {loadMore: {bind(el, binding) {// 获取element,定义scrolllet select_dom = el.querySelector('.el-select-dropdown .el

#vue.js#javascript#前端
vue 刷新token 定时刷新token

第一种方法:定时刷新tokenimport { calcDate } from '@/util/date.js'import { getStore } from '@/util/store.js'created() {//实时检测刷新tokenthis.refreshToken()},methods: {// 方法refreshToken() {this.refreshTime = setInte

vue 数字动态增加显示 动态显示数字

<template><div class="number-grow-warp"><spanref="numberGrow":data-time="time":class="{ 'number-grow': isShowClass }">{{ value }}</span></div></template><script&

    共 32 条
  • 1
  • 2
  • 3
  • 4
  • 请选择