logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react-router-dom v6 版本的使用方式以及踩坑

在目前 React 项目中使用 路由,默认安装版本已经升级到版本,相较于 v5 版本 v6 做了哪些改变?使用时有哪些踩坑?

文章图片
#react.js#javascript#ecmascript
input 不可以输入编辑,但是可以选择的几种方式

1: readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。<input type="text" value="哈哈哈" readonly="readonly">2:disabled被禁用的 input 元素可复制,不能接收焦点,设置后文字的颜色会变成灰色。无法与一起使用。<input type="text

input 框只允许输入正整数数字

原生js – input在项目中有些时候我们希望 input 框之能输入数字,比如 购物车里的商品数量等等<body><input type="text" class="inp" maxlength="5"><script>let inp = document.querySelector('.inp')inp.addEventListener('input',

#vue.js#前端#javascript
element-ui中form表单input、select框宽度自适应

问题我们在使用 element-ui 组件库中的 form 组件的时候,发现让每个 el-form-item 呈现多行多列的时候会显得 input、select 框参差不齐,而且当页面的宽度足够大的时候在最左边回留有空隙原因由于它的内置样式无法自适应,所以需要自己来写样式覆盖掉内置样式解决方法在 form 组件内的 style 标签内添加如下代码.el-form-item {margin-righ

#vue.js#css
echarts 图表在 div 容器盒子中根据 div盒子的大小变化自适应伸缩

echarts 图表在 div 容器盒子中根据 div盒子的大小变化自适应伸缩。// echarts 图标自适应缩放。// 参数是产生缩放的 DOM 盒子。// echarts 容器盒子。

文章图片
#echarts#前端#javascript
vue3 -- 自己封装类似京东商品详情页放大镜效果组件

vue3 – 自己封装类似京东商品详情页放大镜效果组件

文章图片
#vue.js#javascript#html5
vue3 - 仿 element-ui Breadcrumb 面包屑组件封装自己的面包屑组件

仿 element-ui Breadcrumb 面包屑组件封装自己的面包屑组件element-ui 面包屑结构<el-breadcrumb separator="/"><el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item><el-breadcrumb-item><a hre

#vue.js#javascript
vue3 -- 自己封装计数器组件

vue3 – 自己封装计时器组件背景在一些商城类网页中打开商品详情都会有一个计数器来选择购买的数量,这样的计时器不仅会在商品详情页面显示还会在购物车里面有,那就可以把计时器封装成组件,以便于更好的服用以及后期维护落地代码<template><div class="xtx-numbox"><div class="label"><slot /></

文章图片
#html#css#vue.js
vue3 -- 封装自己的分页组件

vue3 – 封装自己的分页组件背景在浏览列表类型的数据的时候,如果数据比较多一次性全部请求会出现性能损耗以及加载延迟等问题,那么此时分页组件就起到了关键作用,它可以只请求一部分数据,也不会占用太多的页面空间,想看别的数据可以通过页码的改变来发起请求,刷新页面数据现在我们自己来封装分页组件组件所需参数total 属性 :用来传递数据总条数pagesize 属性 :每页展示几条数据currentPa

文章图片
#vue.js#html5#javascript
    共 24 条
  • 1
  • 2
  • 3
  • 请选择