- 博客(17)
- 问答 (1)
- 收藏
- 关注
原创 Element input组件限制输入正数且最多为小数点后两位
<el-input v-model="formData.price_change[1]" placeholder="金额" oninput=" if (isNaN(value)) { value = null } if (value.charAt(0) === '0' && value.charAt(1) !== '' && value.charAt(1) !== '.') { value = .
2022-02-28 16:43:51 369
原创 使用正则让element的input输入框不为负数
<el-input v-model="inp" clearable style="width:180px;" oninput="value=value.replace(/[^0-9.]/g,'')" > </el-input>
2022-01-21 10:42:06 1412
原创 【vue Element 导航 表单 】点击导航栏实现网页滚动到指定位置
要求:点击顶部的导航滑动到指定的位置点击顶部导航选项:顶部导航代码 :<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane v-for="(item, index) in tablist" :key="index" :label="item.label" :name="item.na
2022-01-12 16:41:37 2115
原创 简记vuex
前端端通过action处理数据,然后通过mutation 把处理后的数据放入数据库(state)中,谁要用就通过getter从数据库(state)中取
2021-12-28 15:36:03 694
原创 Vue ElementUi表格的复选框使用
<template> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"> </.
2021-09-27 13:44:02 492
原创 使用flex样式写移动端的底部导航
css 样式是React的格式,用时自己改<div class='tabBarBox'> <div class='tabBarCenter'> <div class='tabFlex'> </div> <div class='tabFlex'> </div> </div></di
2021-09-15 15:19:33 318
原创 React循环列表最后一条不显示borderBottom
小记:刚接触React,在做项目的时候遇到一个问题,就是在循环的列表中,其他数据的View加一个borderBottom,让最后的一个数据的样式没有图示:代码:return books.map((book, i) => { return( <View style={ (i === books.length - 1) ? styles.noBorderBook : styles.book} key={i}> <Text style={(i.
2021-09-14 09:11:05 470
原创 CSS修改组件样式以及修改Element、Vant组件的方法
问题引出在使用vue编写前端代码的时候经常会用到ElementUI、Vant等第三方组件,但是有一些组件里面的样式是封装好的,我们需要在局部组件中修改他们的组件库样式,又不能去除scoped属性(造成组件之间的样式覆盖)。+方法1:适用于sass和less的样式穿透 使用 /deep/外层类 /deep/ 第三方组件类{修改的第三方组件的类}//例: .order_vload { display: flex; align-it...
2021-09-08 15:02:32 2596 1
原创 学习flex布局
最近做移动端的项目,用到display:flex布局较多,网上找了几篇教程复习,感觉这篇文章写的还不错Flex 布局教程:语法篇:传送门Flex 布局教程:实例篇:传送门
2021-08-27 13:15:32 107
原创 Vue按钮选中其中一个样式改变,其他按钮样式相同
HTML样式<div class="goodsStatus"> <div v-for="(item, index) in goodsStatusList" :key="index"> <div :class="{ goodsStatusBtn1:goodsStatusIndex == index, goodsStatusBtn:goodsStatus
2021-08-25 11:01:02 1102 1
原创 解决ElementUI cascade级联选择器组件自动清除选中值的方法
在做省市地级联选择器时,遇到的级联选择器重复点击问题回显上一个选择过的选项这个问题确实挺烦人的,功能是不影响的,但是给人不是感觉特别的舒服感谢大佬的解决方法elementUI的cascader级联选择控件使用采坑:设置默认值回显问题解决方案(亲测有效!)解决方法:1.这是我的cascader级联选择器代码<el-cascader ref="cascader" style="width: 328px" .
2021-08-16 09:36:31 2038
原创 Vue项目中遇到No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. 跨域问题的解决方法
这是我在公司实习中遇到的问题,提供一下解决办法,可能解决的不是太好。公司有自己的框架..我还看不懂解决办法:1.配置反向代理 ----->反向代理传送门 在vue.config.js文件中添加反向代理 devServer: { port: port,//自己的接口 open: true, overlay: { warnings: false, errors: true }, ...
2021-08-02 10:33:08 2552
原创 ElementUi中NavMenu 导航菜单router用法
ElementUi中NavMenu 导航菜单router用法问题引出写页面中遇到需要写NavMenu 导航菜单,作为菜鸟按照Element官方的NavMenu 导航菜单用法,传统式使用在data声明一个activeIndex作为跳转的首页,当我点击NavMenu 导航菜单到一个子路由页面(此时导航上跳转子路由的文字高亮)再点击刷新时,导航页面上的字高亮显示的是我默认的页面展示这是默认的页面,默认"打单管理"文字高亮这是点击了设置之后,路由跳转,此时"设置"文字高亮点击刷新后,路由没跳转,但
2021-07-28 17:07:37 7796
空空如也
前端开发实习生该做那些准备?
2021-07-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人