- 博客(83)
- 收藏
- 关注
RSS订阅
原创 vue3.0新增了哪些功能
vue3.0新增功能1.关于安装Vue CLI 的包名称由 vue-cli 改成了 @vue/clinpm install -g @vue/cli安装完成之后查看版本号vue --version出现版本号就意味着成功2.项目创建关于项目创建，除了命令创建3.x还增加了图形化界面创建以及管理vue项目在创建新项目时还可以混合选用多种集成TypeScript...
2019-12-04 13:19:51
2426
原创 小程序表单校验
一.使用WxValidate插件进行表单校验下载地址https://github.com/18622426238/WxValidate.git1.test.wxml<!--pages/test/test.wxml--><form bindsubmit='formSubmit'><view class="subInfo"> <view ...
2019-12-02 17:26:23
321
原创 vue+elementui表单数组对象深层嵌套之自定义验证规则
项目中，需要在表单的循环数组中，对某一深层嵌套的对象属性制定自定义校验规则。需求场景：在Vue+
2023-11-03 09:49:05
721
原创 对于vue中去除数组对象中重复的对象（支持多个字段的判断）
/多个字段（item.buildingId + ',' + item.projectId）var objArr =[] //目标数组对象。
2023-07-03 15:52:25
287
原创 vue中判断数组对象中某个字段重复提示
message: '递增政策中有每种规则中不能存在相同年份的数据!list数组对象yearLower数组对象中的某个值。
2023-05-17 14:32:08
410
原创 vue中二进制文件流的导出以及下载功能
本人实际工作中记录的，不喜勿碰特别注意：1.请求接口设置请求类型----responseType: "blob"2.下载文件名的后缀根据需求修改3.tyep：根据实际需求更改。例如：type: "application/vnd.ms-excel"或者type: "application/octet-stream;charset=UTF-8",实现主要代码如下：let blob = new Blob([res.data], { type: "app.
2022-04-21 09:50:03
1549
原创 在流式布局中，如何实现头部固定100px,底部固100px,中部内容自适应？
废话不多说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&
2022-04-18 14:12:28
314
原创 Element表格中row-class-name的使用
注意：目的是为实现表格展开收起的显示代码入下：1.html部分代码<el-table :data="ruleForm.approvalAssignRecordVoList" ref="tab1" :row-key="(row)=>{return row.assignRecordId}" :row-class-name="setClassName" border style="width:90%"> <el-table-column ...
2022-04-01 09:48:04
2619
原创 css属性选择器诸如Class^=,Class*= ,Class$=释义
代码如下：.show-grid [class^="col-"] { padding-top: 10px; padding-bottom: 10px; background-color: #eee; background-color: rgba(86,61,124,.15); border: 1px solid #ddd; border: 1px solid rgba(86,61,124,.2);}1.选择其中的value值也可以加引号选择器 描述 [attr
2021-08-20 14:37:39
3121
原创 Vue.js使用Blob的方式实现excel表格的下载(流文件下载)
<template> <el-button @click="downloadUrl">导出Excel</el-button> </template><script>import api from "../../api/api.js";import axios from "axios";export default { data() { return { pageSize:30, } }, c...
2021-07-23 15:16:58
681
原创 微信小程序自定义顶部栏、等十个重要的常见功能总结
一、使用本机字体二、自定义透明顶部栏三、拨打电话四、获取用户信息五、动态设置图片地址六、一键内容到剪切板，并关闭弹框提示七、多选及重置功能：动态改变class八、px及rpx九、如何使用vant-ui库十、如何使用自定义组件10.1 封装 compontents/newsList10.2 页面调用一、使用本机字体css中更改字体（）font-family.page{ font-family:Monospaced Number,Chinese Quote,-ap...
2021-07-05 16:48:25
1206
原创 avue中解决表单提交点击编辑弹框再次点击新增数据会将编辑数据代入新增弹框问题
avue框架的使用(二)1.avue中解决表单提交点击编辑弹框再次点击新增数据会将编辑数据代入新增弹框问题（avue表格自带的弹框）解决方式：在方法beforeClose中使用，代码如下beforeClose(done){//通过节点来控制this.$refs.crud.resetForm();},2.点击编辑弹框保存之后，表单输入框全部被禁用问题解决在保存成功之后使用done方法done()...
2021-03-24 17:29:38
3304
2
原创 avue表格中常用属性介绍
avue框架的使用（一）avue表格中常用属性介绍表格属性 // width: “100%”,//表格宽度 // calcHeight: “auto”,//表格高度差（主要用于减去其他部分让表格高度自适应） // height: “auto”,//表格高度 // maxHeight: “auto”,//表格最大高度 // border: true,//是否显示表格边框 // expand: false,//是否展开折叠行 //.
2021-03-24 17:19:08
4437
原创 （Web前端）后台管理系统框架收集
一、（Web前端）后台管理系统框架收集1、使用vue-element-adminhttps://panjiachen.github.io/vue-element-admin-site/zh/guide/模板建议使用vueAdmin-template， 桌面端electron-vue-admin1.包含功能 登录/注销 权限验证 侧边栏 面包屑 富文本编辑器 Markdown编辑器 JSON编辑器 列表拖拽...
2020-11-25 15:08:37
5669
原创 使用reduce去除数组中重复对象
使用reduce去除数组中重复对象使用reduce去除数组中的重复数据，亲测可用：var data = [ {"userId":"dFum4RT6","position":"java开发"},{"userId":"hFXm4RT6","position":"java开发"},{"userId":"kFom4RT6","position":"java开发"},{"userId":"cFXm4RT6","position":"java开发"},{"userId":"hFXm4RT6","
2020-11-16 13:00:57
768
原创 vue中如何解决赋值input框中的值，使得无法修改input框中的值
vue中如何解决赋值input框中的值，使得无法修改input框中的值1.通过this.$set(e,'num',0)来设置input框中的值。我这是表格中插入input框修改表格中数据this.tableNew.forEach(e=>{this.$set(e,'profitPrice',0)})注释：第一个参数是哪一行数据，第二个参数是哪个元素，第三个参数是需要赋值的值。...
2020-10-30 10:02:01
4864
原创 js 实现控制点击事件在特定的毫秒内 只允许点击一次(防止重复点击)
js 实现控制点击事件在特定的毫秒内 只允许点击一次(防止重复点击)1.第一种方法function fn(callback){ fn.prototype.init(callback);}fn.prototype = { canclick: true, init: function(callback){ if(this.canclick){ this.canclick = false callback(); setTimeout(function(){ thi
2020-05-20 14:09:39
5216
2
原创 vue组件之间的传值
1.vue非父子组价传值非父子组件传值需要定义公共的实例文件sors.js,作为中间仓库来传值，要不然组件之间达不到传值效果。公共sors.js//sors.jsimport vue from 'vue'export default new Vue()组件A：<template> <div> A组件： <span>{{elementValue}}</span> <in
2020-05-09 10:22:46
313
原创 微信小程序使用npm安装第三方包
微信小程序使用npm安装第三方包首先使用npm当然要安装node.js，下面开始正式步骤。1.控制台进入到小程序的目录2.进行项目的初始化,成功之后便会在小程序目录先生成package.josn文件npm init注意：初始化项目都可以按回车，之后可以进行修改3.安装第三方依赖,npm-test002是我自己发布的一个测试1 npm i npm-test002 ...
2020-04-28 13:13:59
4812
1
原创 Html5+Css3实现图片的无缝滚动
Html5+Css3实现图片的无缝滚动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画实现无缝滚动图片</title> <style> *{ marg...
2020-01-10 16:11:46
5138
原创 Webstorm中常用的一些快捷键
webstorm中常用的一些快捷键1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)5. ctrl + []: 匹配 {}[]6. ctrl +...
2019-12-20 14:10:41
149
原创 vue+element表格的拖拽
vue+element表格的拖拽<template> <div style="width:800px"> <el-table :data="tableData" border row-key="id" align="left"> <el-table-column v-for="(item, ...
2019-12-02 11:36:33
1379
11
原创 如何在npm上发布自己的包
npm上如何发布自己的包？1.创建自己的npm账号官网：https://www.npmjs.com/ 创建账号入口：https://www.npmjs.com/signup注意：需要进入邮箱验证2.创建目录并初始化mkdir lw-test //创建一个项目cd lw-test //进入项目根目录npm init //初始化项目3.文件内容以及目录结构...
2019-10-12 09:25:02
389
原创 Vue使用NProgress
NProgress页面跳转是顶部出现进度条效果图如下 ：1.安装$ npm install --save nprogress 或者$ yarn add nprogress//用法NProgress.start();NProgress.done();2.使用import NProgress from 'nprogress'import 'nprogress/n...
2019-09-10 10:02:15
383
原创 vscode中chorme调试
vscode中chorme/Firefox调试你必须安装好 Chrome 和 VS Code。同时请确保自己在 VS Code 中安装了Debugger for Chrome扩展的最新版本。从vscode中启动应用点击在 Activity Bar 里的 Debugger 图标来到 Debug 视图，然后点击那个齿轮图标来配置一个launch.json的文件，选择Chro...
2019-09-03 15:35:07
722
原创 Element-UI 中 loading 的使用
Element-UI 中 loading 的使用一、一般element-ui可以给表格加loading，也可以给整个页面（body）加loading,此外也可以给页面上的任何DOM元素加loadingcreated(){ this.getData();}getData(){ const loading = this.$loading({ lo...
2019-09-03 14:57:09
60019
7
原创 vue中mixin的使用
vue中mixin的使用详解vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别？ 组件在引用之后相当于在父组件内开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，单本质上两者还是泾渭分明，相对独立。 而mixins则...
2019-09-03 14:31:52
526
1
原创 vue中使用element-ui进行表单验证
element-ui中验证一、简单逻辑验证（直接使用addRules）实现思路html中给el-form增加:rules="addRules" html中在el-form-item 中增加属性prop="名称" js中直接在data中定义addRules:{} html部分 <el-form ref="form" :rules="addRules" :...
2019-08-23 15:46:56
595
原创 前端三大框架的比较
React与Vue相同点使用 Virtual DOM，有较高的运行速度 提供组件化功能 可使用mobx与vuex进行状态管理，响应式、依赖追踪React子组件重复渲染问题需要手动优化 可以使用redux进行状态管理，函数式、不可变、模式化，时间旅行 可使用JSX，完全的javascript能力 更繁荣的社区生态Vue可使用JSX，但推荐使用模版语言而不是JSX 学习...
2019-08-13 17:41:59
2360
原创 微信小程序底部元素 margin-bottom失效解决办法
微信小程序开发过程中，页面底部元素设置margin-bottom在ios下失效，在安卓下可以正常显示。可给page设置padding-bottom来解决
2019-08-07 17:34:29
2007
1
原创 小程序修改data中数组或者对象里面的某一项值
小程序修改data中数组或者对象里面的某一项值1.修改对象中的某一项值data:{ list:{ data1:{}, passengers:[ name:'' ] }}如果想在list里面的data中添加数据,创建一个变量来定义var that=this,num="list.data1...
2019-07-31 16:17:30
6439
5
原创 web前端_Vue框架_关于Can't resolve 'sass-loader' in...错误的解决办法
web前端_Vue框架_关于Can't resolve 'sass-loader' in...错误的解决办法因为在Vue+element UI（不会推荐去Element UI官网看看）项目中需要用到<style lang="scss">，发现每次都会报错，在网上找了一些解决办法也比较乱，下面是我在遇到这个问题的一种解决办法：在Chrome浏览器中的错误：就是不能解析sa...
2019-07-29 14:14:01
3283
原创 小程序去掉滚动条
1.方案一::-webkit-scrollbar { width: 0; height: 0; color: transparent;}2.方案二::-webkit-scrollbar { display: none;}其实实现原理就是把滚动条宽度变小或者让滚动条隐藏。...
2019-07-17 13:21:31
639
原创 vue中常用的ui组件
vue中常用的ui组件下面简单总结一下vue常用的一些ui组件 ，这里有些我也没用过，这里先整理出来，供以后方便查找。vuex:vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io...
2019-07-15 15:44:06
484
转载 对于vue中的computed属性的理解
1.最近正在学vue，看了网上很多资料，对于有vue中computed属性的解释都不是很清晰，跟同事聊起这个，对computed有了清晰的认识，下面有一部分文章是转自：https://www.w3cplus.com/vue/vue-computed-intro.html，感觉文章上面的礼通俗易懂，所以就借用此处的。自己的理解：computed使用监控自己定义的变量，该变量不是data里...
2019-07-15 15:36:14
3337
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人