Vue
曦和百里
我真的好菜,大佬救我
展开
-
关于在vscode运行yarn的一个错误(已解决)
如果你在vscode命令窗口中出现了下面这个报错,那么你可以采取下面这个方法。打开管理员运行窗口(windows PowerShell)ps:右击windows窗口。原创 2022-11-04 09:36:16 · 29635 阅读 · 0 评论 -
vue-脚手架创建
前期准备1、检查node是否下载2、检查是否配置好了淘宝镜像更换镜像地址npm config set registry https://registry.npm.taobao.org/ 3、检查vue是否下载好下载vuenpm install -g @vue/cli如果碰到以下情况输入指令npm install -g @vue/cli-initVue脚手架有两种创建方式1:最快捷的,也就是最新版本vue/cli所带的Vue create 文件名称①输入创建指令原创 2022-02-02 20:07:17 · 34193 阅读 · 0 评论 -
关于vue-element-admin中配置跨域问题的解决
首先来看一下项目结构目录我们可以看到.env.development和.env.production文件以及vue.config.js这里是涉及到了接口的转发(我们可以看到base,base的意思是所有的请求前缀都会加上它)重点来了(如何配置跨域) proxy: { [process.env.VUE_APP_BASE_API]: { target: 'http://127.0.0.1:3000/', ws: true, change原创 2022-02-02 17:11:23 · 36032 阅读 · 0 评论 -
Uniapp上传模块封装
function uploadFiles(baseUploadUrl,filepath,formdata){ // baseUploadUrl:cos上传地址 //filepath:文件地址 //formdata:表单元素 //这里采用的是腾讯云存储桶上传,所以需要配置上传策略, return new Promise((resolve,reject)=>{ uni.uploadFile({ url: baseUploadUrl, filePath:fil.原创 2021-07-15 09:46:29 · 32002 阅读 · 0 评论 -
Uniapp深度爬坑中(持续更新。。。。)
深度爬坑中。。。。持续更新原创 2021-06-24 11:52:40 · 32289 阅读 · 0 评论 -
uniapp组件封装-下拉菜单栏
如图效果<template> <!-- 组件整体 --> <view class="select_down_mDown"> <!-- 组件头部 --> <view class="select_down" @click.stop="showDownMenu"> <!-- 提示文字部分 --> <text class="select_down_text">Choose your occupation&原创 2021-06-17 14:27:28 · 42127 阅读 · 5 评论 -
2021-06-03
解答:为什么vue-element-admin中的 [process.env.VUE_APP_BASE_API]: { target: 'https://127.0.0.1:3000', changeOrigin: true, // 配置跨域 pathRewrite: { ['^' + process.env.VUE_APP_BASE_API]: '' } } }配置失败(process.env.原创 2021-06-03 17:46:56 · 31784 阅读 · 0 评论 -
blog Manager 后台管理系统
在上个月,突发想象,想自己做一个系统,但是突然感觉到了难度。本人是前端,后台接口的缺失确实一度令项目停滞了下来,然后自己去看了下node和express,看了下差不多了之后就开始写了管理系统用的时候vue-element-admin,末尾奉上git地址后台接口用的是node写的前台界面:采用了jwt的验证机制,每次发送请求都要验证一下token,大大提升了安全性,延用了vue-element-admin框架的权限机制,在这方面还可以进行下一步的完善,目前的话完善了后台文档:<!-- 用原创 2021-06-01 16:37:53 · 31847 阅读 · 1 评论 -
商城后台管理系统学习日志-03
系统的话写到后面基本上接口不是很全了,所以在前几天写的时候就差不多已经完成了,较为重要的模块就是商品管理模块了,所涉及到的组件的应用是这几个组件中最为多的了先统一展示界面商品列表商品列表主要是对于商品的增删改查(主要说一下增加,增加是比较复杂的)添加商品增加的话一共是分为了六个步骤,我这里做的主要是在添加基本信息的时候做了一下限定,用了form表单验证,只有验证通过了才能进行下一步添加,一共要获取八个数据组成一个对象传递给后台,才能进行添加。(呕,编不下去了,就是获取数据然后传递给原创 2021-04-16 19:31:59 · 32021 阅读 · 0 评论 -
uniapp商城项目学习日志-02
用了差不多两天的时间完成一个uniapp项目,发现uniapp其实很简单,更多的是在于对于组件的应用开发,其实现在不需要去写各种组件了,直接使用就好了,做到快速开发,其实真想要做到这一步其实很难,其中的学习成本和学习时间就是非常必要的页面截图(我都是挑着写的,写重点)这里有一个重点就是获取商品详情,布局很简单就是在组件之间传值得时候需要注意一下,请看下图这样子写会报上图得错误,一个偶尔写顺手了的小错误(低级错误。。。。今天找了好久)总结:学习uniapp的前提还是得要学好vue,v原创 2021-04-09 19:23:28 · 31834 阅读 · 0 评论 -
uniapp商城项目学习日志-01
其实uniapp是基于Vue的所以语法上面没有太大的区别,只是多了很多的API接口,多看文档学会调用就好了,写项目无非就是布局,然后调用数据进行增删改查,和vue的学习没有什么太大的区别,重要的是它自带了很多组件,不需要自己去导入,最多导入一下别的图标之类的,一般多用的iconfont(阿里矢量图标)微信开发者工具太不稳定了,非常的卡。。。。。。。。。下面是商城项目(接口不是很全,主要是练习)界面展示重点在于对uni.request的封装const BASE_URL='https://api-h原创 2021-04-08 19:57:36 · 32071 阅读 · 0 评论 -
Uniapp爬坑之为什么uniapp不能使用Jquery
**要点:**非 H5 端,不能使用浏览器自带对象,比如 document、window、localstorage、cookie 等,更不能使用 jquery 等依赖这些浏览器对象的框架。因为各家小程序快应用都不支持这些对象。没有这些浏览器自带对象并不影响业务开发,uni 提供的 api 足够完成业务。uni-app 的 tag 同小程序的 tag,和 HTML 的 tag 不一样,比如 div 要改成 view,span 要改成 text、a 要改成 navigator。条件编译在 C 语言中原创 2021-04-08 15:41:30 · 35022 阅读 · 0 评论 -
商城后台管理系统学习日志-02
**权限管理**一共包括两个子功能角色列表和权限列表角色列表界面一共包括了四个子功能:添加角色、修改角色、删除角色、分配权限添加角色界面及代码修改角色界面及代码删除角色界面及代码(调用接口传参就好了)分配权限界面及代码(重点)权限详情(思路:根据角色id获取所拥有的权限,然后逐级渲染,从一级权限开始再到最后一次,层层环扣)获取删除(根据角色id以及权限id删除)权限列表界面(只是显示没有任何操作,就调用接口就好了)...原创 2021-04-07 19:21:17 · 32707 阅读 · 0 评论 -
关于解决微信开发者调试基础库只有一个版本的问题,同时解决调试基础库版本过低的问题
进入官网:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html下载箭头所指向的那个,然后安装好就可以看到很多版本了如何切换调试基础库版本原创 2021-04-06 10:29:52 · 35665 阅读 · 3 评论 -
导致elementUI组件中的导航栏组件不整齐的原因
首先是不整齐的红色箭头部分是不是不整齐,看着是不是有点不顺眼,原因如下.el-menu中多出了一个右边框在style中去掉就好了完美解决,我的导航栏是放到.ek-aside中的。所以是这样的写法原创 2021-03-31 19:08:41 · 33232 阅读 · 1 评论 -
js函数封装时间格式并返回时间字符串
复制过去使用就好,记得传参和调用,已经封装好了()//封装一个处理时间的函数export function formDate(date){ let fmt = new Date(date)//转化为标准时间格式 console.log(fmt)//输出一下是否转化完成,可删 let fmtAll = { year: fmt.getFullYear(),//获取年份 month: fmt.getMonth() + 1,//获取月份,月份是从0开始原创 2021-03-31 10:51:56 · 32165 阅读 · 1 评论 -
Vuex的模块化对于state的引用以及action方法的调用
vuex.js文件import Vue from 'vue'import Vuex from 'vuex'import helpCenter from './modules/helpCenter'import getters from './getters'Vue.use(Vuex)const store = new Vuex.Store({ state: { }, mutations: { }, actions: {原创 2021-03-30 11:40:11 · 32996 阅读 · 1 评论 -
对于elementUI中的form表单验证的应用
对于elementUI中的form表单验证的应用上代码!!!这里的msgBroad和form表单中的:model:'msgBroad’是绑定的如果验证的元素不是msgBoard中的则会报错,规则验证一直存在对于验证element 中select选择框时应该注意哪一些请看下列代码标红区域欢迎提问,谢谢,创作不易,点个赞再走吧...原创 2021-03-27 11:18:45 · 31793 阅读 · 1 评论 -
vue中访问后台所携带的token值为什么会放在cookie中,而不是放在localStorage和sessionStorage中
vue中访问后台所携带的token值为什么会放在cookie中,而不是放在localStorage和sessionStorage中1、因为cookie采取同源策略,只有相同域名的网页才能获取域名对应的cookie,而别人在其他域名无法获取你的cookie,也就无法获取你的token,所以当别人伪造请求时,token和cookie中的token是绝对不一致的;cookie和session相同:都是用来跟踪浏览器用户身份的会话方式;区别:保持状态:cookie保存在浏览器端,session保存在服务端原创 2021-03-23 09:30:12 · 37057 阅读 · 0 评论 -
后台管理系统中有关权限管理的理解
**后台管理系统中有关权限管理的理解**1、从后端开始理解(1)在后台中有四个表(用户表、角色表、菜单栏表、权限表)(1)中间表:用户表-角色表,角色表-菜单栏表,角色表-权限表通过用户表查询用户角色,再转接到角色表,再由角色表去查询角色权限和所看到菜单,这样子用户角色的所看到菜单和权限都能够看得到了。返回给前端的是路由,菜单表中有路由地址,会返回给前端前端理解前端根据所登录的客户id会有一个其角色特有的token值,在每次发送请求都会携带token到后端,根据后端传来的路由地址,遍历路由,原创 2021-03-19 09:03:20 · 32209 阅读 · 0 评论 -
在线引入bootstrap3与jQuery(建议在webpack中不要引入过高版本bootstrap,容易出错,建议使用较新版本就好了)
在线引入bootstrap3与jQuery(建议在webpack中不要引入过高版本bootstrap,容易出错,建议使用较新版本就好了)Bootstrap 3.3.0 js 文件(本人常用版本,在webpack中也一般使用3.x版本)<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>Bootstrap 3.3.0 css 文件<link rel="styl原创 2021-03-17 11:50:40 · 32258 阅读 · 2 评论 -
对于VUE使用的一些填坑
对于VUE使用的一些填坑1、有时候出现某个组件样式出现变化又找不到原因请避免使用head,footer,fonter,body这样的组件名字,这样会与一些自身存在的标签所重复,从而导致样式的改变2、对于使用一些插件却又没有正确的使用请仔细检查自己是否引入了插件,或者插件所需要的的环境是否安装好了3、当路径不对查找不到该组件请仔细检查该路径名称是否完全正确,是否是你需要引入组件的位置路径,往往就是你手写的路径错了才导致没有查找引入到4、对于一些配置的错误在你需要配置config的时候往往都是从原创 2021-03-06 14:51:36 · 31901 阅读 · 2 评论 -
关于学习VUEX的学习记录
关于学习VUEX的学习记录store文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { isView: false }, mutations: { SET_ISVIEW: (state, isView) => { state.isView = isView原创 2021-03-06 09:12:55 · 31853 阅读 · 1 评论 -
VUEX练习小项目
VUEX练习小项目//template<template> <div id="app"> <a-input placeholder="请输入任务" class="my_ipt" :value="inputValue" @change="handleInputChange" /> <a-button type="primary" @click="addItemToList">添加事项原创 2021-03-04 13:21:13 · 31997 阅读 · 2 评论 -
webpack中引入bootstrap的一些填坑(明明已经引入了全局jquery环境,bootstrap样式却还是没有生效)
webpack中引入bootstrap的一些填坑(明明已经引入了全局jquery环境,bootstrap样式却还是没有生效)首先是正常的引入npm run bootstrap然后再是正常的配置环境在webpack.base.conf.js中加入var webpack = require('webpack')//然后在module.exports加入以下代码,配置全局jquery环境plugins: [ new webpack.ProvidePlugin({ $: "jqu原创 2021-02-26 10:13:51 · 32346 阅读 · 1 评论 -
对于vue中自适应的一些问题的明悟
对于vue中自适应的一些问题的明悟1、在vue中你无法通过任何途径使高度自适应,例如:图片的自适应,你可以通过它的宽度使这个整体来自适应当然也可以和bootstrap3结合能实现想要的自适应的大小,不过还要看图片尺寸怎么样,在不改变图片大小的情况下会进行等比例的缩放,可以自己去尝试一下,最好在外面再多加一层div来控制,给外层div来定义大小,这样会显得更贴合最后:建议系统的学习一下bootstrap3以上的版本,你会发现自适应其实很简单,如果你是在做项目碰到自适应的问题,那么你必然需要关注原创 2021-02-23 16:20:19 · 32060 阅读 · 0 评论 -
IDEA中关于Vue的npm——run的启动问题
IDEA中关于Vue的npm——run的启动问题***************************************************************对于这个的解决方法就是在config文件中的index.js修改useEslint:true为userEslint:false原创 2020-11-09 14:45:35 · 32413 阅读 · 2 评论