vue
想你的风吹到了瑞士
想你的风吹到了瑞士
展开
-
vuex----的辅助函数mapState, mapActions, mapMutations用法和混入
关注IP属地: 江苏2022.03.28 00:14:13字数 287阅读 469。原创 2022-12-17 10:21:40 · 654 阅读 · 0 评论 -
vscode---格式化设置setting配置以及一键生成vue片段
{ "vetur.format.options.tabSize": 4, "vetur.format.scriptInitialIndent": true, "vetur.format.defaultFormatterOptions": { "prettyhtml": { "printWidth": 140 }, "prettier": { "singleQuote": true, "printWi.原创 2022-01-07 14:30:07 · 810 阅读 · 0 评论 -
vuex 模块化之后如何调用其他模块的方法和属性
vuex 模块化之后如何调用其他模块的方法和属性vuex的使用场景多处需要更改同一个数据时,需要使用vuex举个例子:购物车商品数量,在商品列表页面添加商品会更改这个值,在详情页增减商品数量会更改这个值,进入购物车删除商品也会更改这个值,通过提交mutation来更改这个值就很简单明了,如果每次都调用获取购物车数量的接口(前提得有),也能实现,但是每一次的HTTP请求,都是对浏览器性能消耗。跨组件共享数据、跨页面共享数据比如loading状态,在很多页面都需要使用vuex 模块.原创 2021-07-16 16:29:10 · 2983 阅读 · 0 评论 -
element中 仿$confirm 确认框
前端交互中经常使用确认框。在删除、修改等操作时,调用后端接口之前,先跳出弹框显示提示信息,提示用户确认,避免用户误操作。项目中全局引入了Element UI,提供了一套模态对话框组件,用于消息提示、确认消息、提交内容,使用起来也非常简便。(什么是“模态”?可将其理解为:特定条件触发之后产生的)以下来自于element官网文档:如果你完整引入了 Element,它会为Vue.prototype添加如下全局方法:$msgbox,$alert,$confirm和$prompt。因此在Vue ...原创 2021-01-13 19:31:38 · 5362 阅读 · 0 评论 -
js---数组和树结构相互转换
数组转树结构采取递归和非递归两种方式,树结构转扁平化数组采取深度优先遍历(递归和非递归两种方式)和广度优先遍历实现。let arr =[ {id:2,name:'部门B',parentId:0}, {id:3,name:'部门C',parentId:1}, {id:1,name:'部门A',parentId:2}, {id:4,name:'部门D',parentId:1}, {id:5,name:'部门E',parentId:2}, {id:6,name原创 2020-09-10 14:40:01 · 412 阅读 · 0 评论 -
vue---selection下拉级别树选框
npm install --save @riophae/vue-treeselect// import the component import Treeselect from '@riophae/vue-treeselect'// import the styles import '@riophae/vue-treeselect/dist/vue-treeselect.cs...原创 2020-03-25 23:05:34 · 634 阅读 · 0 评论 -
es6---reduce使用
reduce()方法详解及高级技巧reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼格更高...1、语法arr.reduce(callback,[initialValue])...原创 2020-03-11 00:10:31 · 5409 阅读 · 1 评论 -
vue---excel导入导出以及本地模板下载
<template> <div> <el-input style="width:150px" v-model="input" disabled placeholder="文件上传名字"></el-input> <el-upload action="url" :data="{}" :before-uplo...原创 2019-10-25 14:48:35 · 1268 阅读 · 5 评论 -
vue---搭建项目手把手教学
windows环境下搭建vue+webpack的开发环境前言,做项目的时候我用git比较多,所以我是首先安装的git,他的右键git bash here定位比cmd的命令行要准确,接下来的命令都是利用git的git bash here。1、首先,vue.js是一种前端框架,一般利用vue创建项目是要搭配webpack项目构建工具的,而webpack在执行打包压缩的时候是依赖node.js的...原创 2019-04-22 11:00:04 · 252 阅读 · 0 评论 -
vue---弹窗内的表单验证rules以及validate.js正则表达式
import {validataNumber,validateFixedTwo} from "@/utils/validate"/............js......./export function validataNumber(str){ const reg = /^([1-9]\d{0,9})$/ return resizeBy.test(str)}expo...原创 2019-11-21 23:21:54 · 2150 阅读 · 0 评论 -
vue----前端分页完整代码
首先,做出来的效果如图所示,具体的Ajax请求数据可以写在点击函数中分页效果算是比较费脑子的,里面计算有些麻烦,本文上完整代码,一起学习进步“上一页”写两个li元素,如果已经是第一页,那么就禁止鼠标点击,如果不是就curr减减,并且可以点击同理“下一页”也一样中间部分是通过indexs循环,indexs通过computed计算得出<div class="page-bar"&g...原创 2019-01-25 16:51:37 · 17856 阅读 · 1 评论