logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

el-cascader 数据回显

最近做一个后台管理系统菜单权限控制,选择菜单用到了element-ui 的组件el-cascader,只保存了最后一级菜单的id,编辑回显的时候就显示出了问题,回显一直是错的,在网上搜索了很久没找到合适的,自己写了一个,记录一下。

#vue.js#elementui#javascript
vue element-ui响应式布局(记录)

此时你会发现vant组件的尺寸会小一半,那是因为vant官方是用375设计稿,你用的是750,动态判断就好。下面代码的作用主要是用来判断读取的是否是ui组件库ant-design-vue的文件,如果是,视口的宽度就设置为375,其他的文件则按照ui稿的宽度750。实现方法:通过 postcss-px-to-viewport 来自动将我们开发时的px单位计算转换为vw/rem视口单位,完成响应式布局

#vue.js#ui#javascript
基于jquery的简单table切换

基于jquery的简单table切换我们根据思路走点击按钮时显示下标相对应的内容,然后让其他兄弟姊妹隐藏<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>.tab-title{w...

vue+element-ui中监听滚动实现锚点定位(双向),锚点问题

双向绑定锚点问题是最近项目中遇到的一个问题,网上也有很多方法,不过还是想自己记录一下。需求 : 滚动内容为左右布局的右边内容栏内,内容滚动 左边 定位 右边内容滚动。话不多说,直接看代码主意:class=“d_jump”<userInfo class="d_jump" ref="d_jump" :userInfo="userInfolists"></userInfo&gt...

vue element-ui响应式布局(记录)

此时你会发现vant组件的尺寸会小一半,那是因为vant官方是用375设计稿,你用的是750,动态判断就好。下面代码的作用主要是用来判断读取的是否是ui组件库ant-design-vue的文件,如果是,视口的宽度就设置为375,其他的文件则按照ui稿的宽度750。实现方法:通过 postcss-px-to-viewport 来自动将我们开发时的px单位计算转换为vw/rem视口单位,完成响应式布局

#vue.js#ui#javascript
vue npm 报错 /src/styles/element-variables.scss

通过修改sass变量、class,全局修改element-ui样式。1.安装sass2.判断情况当 node 版本低于 14 时,安装以下两个版本,“node-sass”: “4.14.0”,“sass-loader”: “7.1.0”当 node 版本为16x 时,安装以下两个版本“node-sass”: “6.0.1”,“sass-loader”: “10.2.0”2.新建一个样式文件例如 e

#vue.js#npm#scss
vue+element-ui中checkbox多选框功能的实现

工作中遇到这样一个问题,需要一个隐藏的多选框,鼠标移入之后才会显示出未选择状态,当点击选择,就会显示出也选择状态,且不会再隐藏,记录记录。首先中间是绑定的数据循环<div class="hk-recruit-apply"><div class="hk-recruit-title"><span class="font-16 text-blacks ...

vue+element-ui中监听滚动实现锚点定位(双向),锚点问题

双向绑定锚点问题是最近项目中遇到的一个问题,网上也有很多方法,不过还是想自己记录一下。需求 : 滚动内容为左右布局的右边内容栏内,内容滚动 左边 定位 右边内容滚动。话不多说,直接看代码主意:class=“d_jump”<userInfo class="d_jump" ref="d_jump" :userInfo="userInfolists"></userInfo&gt...

uniapp使用scroll-view与swiper制作顶部导航栏+内容切换

原文:https://blog.csdn.net/weixin_42204597/article/details/103829871在这里记录一下

#uni-app
    共 11 条
  • 1
  • 2
  • 请选择