logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【vue】使用系统提示音

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Block List</title><

文章图片
#vue.js#javascript#前端
【面试宝典】2023前端面试题

前端常见面试题,不定期更新!

#前端#面试
【nodejs-01】黑马nodejs学习笔记01

1、什么是Node.js?Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 的官网地址: https://nodejs.org/zh-cn/2、Node.js中的js运行环境① 浏览器是 JavaScript 的前端运行环境。② Node.js 是 JavaScript 的后端运行环境。③ Node.js 中无法调用 DOM 和 BOM 等浏览

#javascript#前端#node.js
【elementUI】自定义封装el-upload上传内容

before-remove删除文件之前的钩子,参数为上传的文件和文件列表,若返回 false 或者返回 Promise 且被 reject,则停止删除。file-list上传的文件列表, 例如: [{name: ‘food.jpg’, url: ‘https://xxx.cdn.com/xxx.jpg’}]array。为实现如图所示功能,点击第一步弹出模态框,第二部将所有文件导入,第三步点击确定的

#elementui#vue.js#javascript
【css常用布局】8个div实现三行三列中间有间隙

缺点:需要自行设置宽度,使用flex则中间无间隙,需要自行计算每行子盒子所占的宽度,以及间隙的内容。中间两端中间有间隔,不能够两端很好的贴近父级的边边(如该方法有更好的解决方案,欢迎留言)优点:不用设置宽度,会根据需要自动设置宽度,且无需写父级的伪元素。优点:上手比较容易,容易想。

#css#css3#html
【vue】elementUI中el-table拖动滚动条的时候固定某一列

写项目的时候有一个需求,就是当el-table的滚动条滑动的时候,可见区域如果没有该列则固定到左侧,由elementUi官方网站可知el-table固定一列的代码如下:fixed为主要的标识头部固定设置的是table的高度。

文章图片
#vue.js#elementui#javascript
【vue】element-ui el-table使用v-if来控制列的显示隐藏 出现列位置错乱问题

表格是element-ui通过循环产生的,而vue在dom重新渲染时有一个性能优化机制,就是相同dom会被复用,这就是问题所在,所以,通过key去标识一下当前行是唯一的,不许复用,列唯一,就可以解决。根据需求,当某一项列数据根据某属性等显示隐藏该列,使用v-if进行隐藏后,发现会有随机列位置错乱与数据错乱现象。这是因为在v-for或者v-if切换标签时,多个相同的标签被渲染,如果不添加key来区分

文章图片
#vue.js#ui#javascript +1
【elementUI样式】模态框中的el-select下拉框不跟随页面滚动问题

popper-append-to-body 属性是 Element-ui 官方文档中提供的一个属性,该属性的用途: 就是将 el-select 选项的内容移动 div#app 当中,默认值是 true;当页面滚动的时候,el-select的内容跟随页面移动,不是跟随el-select下面的input进行移动,想要实现的效果如下图。important 为所有样式的最高级,可以通过外联的样式来个更改e

#elementui#vue.js#css
【vue】解决el-tree或el-table中树形列表懒加载数据改变后不能实时刷新问题以及使用

首先从map中取出刚刚架子啊过子级节点的数据,再用this.$set清空对应父节点的数据,实现视图实时刷新,再通过取出的数据重新加载父节点。//封装一个增删改刷新table数据的方法,组件懒加载数据的节点,data return的maps,及被操作节点的父节点。在使用el-table表格懒加载子级数据,懒加载仅会在第一次展开时加载,后续会使用第一次缓存的数据,而不会重新加载。传入的三个参数分别是:

文章图片
#vue.js#javascript#前端 +1
    共 18 条
  • 1
  • 2
  • 请选择