- 博客(54)
- 收藏
- 关注
RSS订阅原创 Avoid mutating a prop directly since the value will be overwritten whenever the parent mutated:place
在降版本之前需要卸载一下element。
2022-08-30 14:05:33
221
1
原创 config文件下的index文件配置跨域和vue.config.js配置跨域
VUE 出现 Access to XMLHttpRequest at ‘http://192.168.88.228/login/Login?phone=19939306484&password=111’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: The value of the 'Access-Contr1.config文件下index.js中配置跨域首先打开 config -> index.
2022-02-23 09:35:58
1282
原创 vue 没登录跳转不到其他页面
router.beforeEach((to, from, next) => { // to 将要访问的路径 // from 代表从那个路径跳转而来 // next 代表是一个函数 表示放行 if (to.path === '/login') return next(); const tokenStr = window.sessionStorage.getItem('token') if (!tokenStr) return next('/login');
2022-02-14 15:13:18
483
原创 vue 调用后台数据的方法
第一步：在script中写入： created() { this.getmenuList() },第二步：在created下面写入：methods: { // 获取数据 async getmenuList() { // get或post方法 const { data: res } = await this.$axios.POST("/system/cfg/menu"); console.log(res); },}...
2022-02-14 15:10:04
1699
原创 复选框和单选框排成一排
单选框 <div class="radioList"> <van-radio-group v-model="radio" direction="horizontal"> <van-radio name="1">检查预期</van-radio> <van-radio name="2">隐患预期</van-radio> </van-radio-grou
2022-02-08 20:20:12
763
原创 input框设置禁用状态
input设置为不可编辑的状态（三种方法，可自行选择）1. disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。示例：<input type="text" disabled="disabled" />2.readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或
2022-02-08 20:10:24
14631
原创 vue 导航栏吸顶,吸底操作,改变顶部导航栏背景颜色和字体颜色
用css样式就可以实现:style="position: sticky; top: 0; z-index: 99;"
2022-01-25 10:06:02
2712
原创 vue 实现左边导航栏且右边显示具体内容
vue 实现左边导航栏且右边显示具体内容1.在el-menu-item里面写红框里面的内容2.在methods里面写跳转3.在router文件下面的index.js写入路由4.在home.vue下面引入router-view路由占位符
2022-01-21 09:46:11
5008
原创 element UI element UI 两个el-input并排
element UI 两个el-input并排在el-from里面添加 :inline=“true”
2022-01-19 16:09:28
2735
原创 css控制span,div强行换行,溢出部分隐藏以及显示滚动条
css控制文字强制换行:span{ word-wrap: break-word; word-break: break-all; white-space: pre-wrap !important;}盒子文字设置,文字不换行,超出部分显示省略号:div{ white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}...
2022-01-14 08:31:25
812
原创 安装node.js和配置环境变量
1.下载安装包Node.js 官方网站下载：https://nodejs.org/en/选择对应的node.js包：2.安装点击打开安装，傻瓜式安装一直点击Next即可点击Finsh即可安装成功，文件夹结构如下，在上面安装过程总要自己配置环境变量和安装好的npm包，并查看Node -v和npm -v版本号：3.配置npm在安装全局模块是的路径和缓存cache路径在执行例子中如 npm install webpback -g 等命令全局安装的时候，默认会将模块安装C盘的npm和npm_
2022-01-13 15:34:50
343
原创 强制修改element样式
有些elementui样式修改不了可以用这个方法:/deep/ .el-cascader{ width: 100% !important;}
2022-01-13 15:28:01
931
原创 一个完整的登录注册 数据是模拟的仅供参考
Vue中的验证登录状态的实现方法Vue项目中实现用户登录及token验证先说一下我的实现步骤：使用easy-mock新建登录接口，模拟用户数据使用axios请求登录接口，匹配账号和密码账号密码验证后， 拿到token，将token存储到sessionStorage中，并跳转到首页前端每次跳转时，就使用导航守卫(vue-router.beforeEach)判断 sessionStorage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面。注销后，就清除sessionSto
2022-01-12 18:24:52
330
原创 vue 实现三秒钟倒计时 跳转页面
用span双标签包{{count}}data() { return{ count:'' }},created() { this.countDown() // 倒计时 }, methods: { countDown() { const TIME_COUNT = 3 if (!this.timer) { this.count = TIME_COUNT this.timer = setInterval(() =&g
2022-01-12 18:17:19
1168
原创 error in ./src/assets/img/ic_fire.png Module build failed (from ./node_modules/image-webpack-load
这是 image-webpack-loader 没有完全拉先来的问题你要先卸载：npm uninstall image-webpack-loader然后下载：cnpm install image-webpack-loader --save-dev重新启动一下项目就行了
2021-12-20 13:10:27
1041
原创 距离2025年倒计时
css样式： <style> * { margin: 0; padding: 0; } p { font-size: 50px; text-align: center; } p span { color: orange; } p span.time {
2021-07-13 15:05:56
581
原创 vue 请求接口并渲染页面
1. 在template里面写2.在stype里面引入3.在data里面写4.在created里面写5.获取后台给的接口
2021-07-13 14:20:06
638
原创 文字 左右无缝滚动
<template> <div class="notice-card-wrapper"> <div class="inner-container" v-for="item in zysList" :key="item"> <div style="color: orange">姓名：{{ item.name }} </div> <div style="color: #4bac3e">台
2021-07-13 13:54:15
142
原创 git 命令
git常用的命令git branch 查看本地所有分支git status 查看当前状态 git commit 提交 git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释 git remote add origin git@192.168.1.119:ndshowgit push origin master 将文件给推到服务器上 git remote show origin 显示远程
2021-07-07 09:35:14
78
原创 vue中过滤器filter封装和使用方法
1.在vue项目中src文件夹下面新建一个filters文件夹，然后在filters下新建一个filter.js文件，写入下面的代码2.在vue项目中的main.js文件，写入下面的代码3.在页面中的使用方法
2021-07-05 18:12:06
290
原创 设置日期和时间
<template> <div>{{ nowDate }}</div></template><script>export default { data() { return { nowDate: "", // 当前日期 }; }, methods: { currentTime() { setInterval(this.formatDate, 500); }, f
2021-07-01 17:23:58
121
原创 网络 出错
400 - 请求无效401.1 - 未授权：登录失败401.2 - 未授权：服务器配置问题导致登录失败401.3 - ACL 禁止访问资源401.4 - 未授权：授权被筛选器拒绝401.5 - 未授权：ISAPI 或 CGI 授权失败403 - 禁止访问403 - 对 Internet 服务管理器 (HTML) 的访问仅限于 Localhost403.1 禁止访问：禁止可执行访问403.2 - 禁止访问：禁止读访问403.3 - 禁止访问：禁止写访问403.4 - 禁止访问：要求 SS
2021-07-01 17:22:49
72
原创 超出文本隐藏 单行和多行隐藏
单行隐藏<div class="zys">单行隐藏单行隐藏单行隐藏单行隐藏单行隐藏单行隐藏单行隐藏</div>.zys { width: 100px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}多行隐藏<div class="zys">多行隐藏多行隐藏多行隐藏多行隐藏多行隐藏多行隐藏</div>.zys { width:
2021-07-01 09:40:11
90
转载 js数组的常用方法
js数组的常用方法1. Array.push()，向数组的末尾添加一个或多个元素，并返回新的数组长度。原数组改变。2. Array.pop()，删除并返回数组的最后一个元素，若该数组为空，则返回undefined。原数组改变。3. Array.unshift()，向数组的开头添加一个或多个元素，并返回新的数组长度。原数组改变。4. Array.shift()，删除数组的第一项，并返回第一个元素的值。若该数组为空，则返回undefined。原数组改变。5. Array.concat(arr1
2021-06-05 09:18:36
68
原创 路由跳转
跳转路由1.路由的跳转（1）在API里面找到对应的接口，然后在export上面用import {XXX} from “@/utils/api/index”;进行引用，最后在created里面进行调用就行了
2021-05-21 07:46:16
65
原创 错题展示
1.内容中可以使用哪个元素来表示 标签外的内容？正确答案: A 你的答案: D (错误)asidecitearticleclass2.如何判断一个js对象是否是Array,arr为要判断的对象，其中最准确的方法是？正确答案: D 你的答案: B (错误)typeof(arr)arr instanceof Arrayarr.toString==='[object Array]';Object.prototype.toString.call(arr) === '[object
2021-05-18 07:57:19
140
原创 错题展示
1.以下—— 不属于把CSS样式表与HTML网页关联的方法。()正确答案: A 你的答案: C (错误)在HTML文档的<!--…-->标签内定义CSS样式用<link>标签链接网上可访问的CSS样式表文件在HTML文档的<head>标签内定义CSS样式用@import引入样式表文件2.对于下拉菜单，错误的是<div class="dropdown"> <button class="btn btn-default dropdown-
2021-05-13 20:10:34
363
原创 字符串与数组之间的转换
1，如果是 “字符串数组” 转 “字符串”，只能通过循环，没有其它方法String[] str = {“abc”, “bcd”, “def”};StringBuffer sb = new StringBuffer();for(int i = 0; i < str.length; i++){sb. append(str[i]);}String s = sb.toString();2，如果是 “字符数组” 转 “字符串” 可以通过下边的方法char[] data={‘a’,‘b’,
2021-05-06 15:15:01
1962
转载 后台管理的添加分类参数
联动选择器template:<el-cascader :props="defaultProps"></el-cascader> JS->data defaultProps: { checkStrictly:true },隐藏圆圈核心思路：通过css隐藏小圆圈，并扩大小圆圈的显示范围,然后设置visibility为hidden.el-cascader-panel .el-radio { position: absolute; width:
2021-04-28 21:40:39
187
转载 小程序 购物车的滑动删除（wxjs）
wxjs： data: { cartArray: [], startX: 0, //开始坐标 startY: 0 }, touchStart(e){//移动前点击的位置 console.log(e) // 在开始触摸时将所有startTouchMove设置为flase,对当前的为true this.data.cartArray.forEach(cart =>{ if(cart.isTouchM
2021-04-23 09:06:47
314
原创 小程序 购物车的滑动删除（wxss）
wxss： .content{ box-sizing: border-box; padding: 10rpx; width: 100%; display: flex; flex-direction: row; margin-right:0; transition: all 0.4s; transform: translateX(90px); margin-left: -90px; } .del{ backgrou
2021-04-23 09:06:00
121
原创 后台管理的增删改查
1.动态生成后台管理左侧菜单 模板： <el-submenu :index="item.id+''" v-for="item in MenusList" :key="item.id"> <template slot="title"> <i class="el-icon-user-solid"></i> <span>{{ item.authName }}</sp
2021-04-23 07:19:57
1206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人