- 博客(84)
- 收藏
- 关注
原创 vue.config配置详解
1.通过 module.exports 进行模块暴露module.exports = {}2.proxy写代理的接口,如 ‘/api’,target是接口 '/api’的前面地址,也就是目标地址,而设置changeOrigin的值为true可以代理反向的地址devServer: { open: true, // 项目运行时候的端口号 port: 8080, proxy: { "/api": { target: "http://192.168.
2021-07-22 10:15:32
2207
原创 Element UI 里面的table列表自动滚动
created里面: created() { this.$nextTick(() => { this.startmarquee(51, 20, 1000, "el-table__body"); //引用函数 }); },methods里面: methods: { //javascript原生自动滚动 startmarquee(lh, speed, delay, marqueeObj) { //lh---每行列表的高度,speed--
2021-07-22 10:09:41
1243
原创 calc的使用
1.CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。2.动态计算长度值。( height: calc(100% - 78px); width: calc(100% - 32px);
2021-07-22 10:04:37
319
原创 Error: Rule can only have one resource source (provided resource and test + include + exclude) in {.
解决方法npm install node-sass --save-devnpm uninstall sass-loader(卸载当前版本)npm install sass-loader@7.0.3 --save-dev
2021-07-15 10:59:24
230
原创 Failed to resolve loader: sass-loader You may need to install it.
解决办法npm install node-sass --save-devnpm install sass-loader --save-dev
2021-07-15 10:56:32
707
原创 求数组中最大值、最小值、总值、平均值
package test0712;public class array0702 { public static void main(String[] args) { int[] arr = new int[10]; for(int i =0;i<arr.length;i++){ arr[i] = (int)(Math.random() * (99-10+1)+10); } //求数组的最大值 int maxvalue = arr[0]; for (int i = 0
2021-07-12 20:36:38
550
原创 Css画一个三角形
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> .box2{ width: 0; height: 0; border: 50px solid transparent; border-top-color: #8B4513; } </style> </hea.
2021-07-12 19:42:18
112
原创 Element UI 修改Pagination 分页背景颜色的方法
.msg-pagination-container.is-background .el-pager li:not(.disabled).active { /*当前选中页数的样式进行修改*/ background-color: #446cff; color: #fff;}/deep/ .el-pager { li { background: transparent !important; }}/deep/ .el-pagination { button:disable
2021-06-22 14:54:59
2895
原创 TypeScript基础类型举例
( () => { let flag: boolean = true; console.log(flag); })()输入true
2021-06-07 17:54:56
96
原创 TypeError: this.getOptions is not a function
原因:是less-loader安装的版本太高,卸载重新安装7.0版本即可解决方法:// 卸载npm uninstall --save less-loader// 安装npm install -D less-loader@7.x
2021-06-07 13:50:21
127
原创 “TypeError: Cannot read property ‘init‘ of undefined“
报错:“TypeError: Cannot read property ‘init’ of undefined”解决方法:把import echarts from 'echarts'改为import * as echarts from 'echarts'
2021-05-27 20:29:50
962
原创 Element UI table表格获取当前行的所有数据
<el-table-column prop="mg_state" label="状态"> <template slot-scope="scope"> {{ scope.row }} </template> </el-table-column>{{ scope.row }}就能获得当前行的所有数据
2021-05-18 10:45:31
1649
1
原创 Element UI 自动为table表格添加索引编号
<el-table-column type="index"></el-table-column>
2021-05-18 10:33:56
1017
原创 Vue报错 Invalid prop: type check failed for prop “disabled“. Expected Boolean, got String
报错截图:代码截图:解决方法:把字符串换成布尔值,而不是字符串报错信息就没有了
2021-05-17 20:05:04
3698
原创 Vue项目报错Invalid prop: custom validator check failed for prop “index“
解决方法: index的值不能有空格,并且要为字符串类型改为: :index="sbuItem.id + ''"
2021-05-17 19:58:14
385
原创 “component“ for path: /welcome cannot be a string id. Use an actual component instead.
最后检查半天发现是在配置路由的时候,直接将component: “MyComponent” //报错所在写成了字符串的形式。正确:component: MyComponent //注意不是字符串形式,是别名
2021-05-17 19:53:48
1032
原创 Vue里面使用axios配置拦截器
import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import './plugins/element.js'//导入字体图标文件import './assets/fonts/iconfont.css'//导入全局样式文件import "./assets/css/global.css"//导入xios文件import axios f
2021-05-17 17:37:34
308
原创 Vue路由导航守卫实现退出功能
<template> <div> home <el-button @click="logout">退出登录</el-button> </div></template><script>export default { name: "apps", data() { return {}; }, methods: { logout() { //清空本地的se
2021-05-17 16:00:42
239
原创 Vue路由导航守卫控制页面访问权限
import Vue from 'vue'import VueRouter from 'vue-router'import Login from '../components/login.vue'import Home from '../components/Home.vue'Vue.use(VueRouter)const routes = [{ path: '/', redirect: "/login" }, { path: '/login', comp
2021-05-17 15:51:02
282
原创 js原始值和引用值变量复制值的举例
在把引用值从一个变量赋给另一个变量时,存储在变量中的值也会被复制到新变量所在的位置。区别在于,这里复制的值实际上是一个指针,它指向存储在堆内存中的对象。操作完成后,两个变量实际上指向同一个对象,因此一个对象上面的变化会在另一个对象上反映出来,如下面的例子所示:<template> <div class="home_container">home</div></template><script>export default {
2021-05-17 12:09:02
132
原创 js动态属性
原始值和引用值的定义方式很类似,都是创建一个变量,然后给它赋一个值。不过,在变量保存了这个值之后,可以对这个值做什么,则大有不同。对于引用值而言,可以随时添加、修改和删除其属性和方法。比如,看下面的例子:<template> <div class="home_container">home</div></template><script>export default { components: {}, data() {
2021-05-17 11:59:02
538
原创 CSS中box-sizing: border-box;的作用
box-sizing 属性可以被用来调整这些表现:content-box 是默认值。如果你设置一个元素的宽为100px,那么这个元素的内容区会有100px宽,并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。border-box 告诉浏览器去理解你设置的边框和内边距的值是包含在width内的。也就是说,如果你将一个元素的width设为100px,那么这100px会包含其它的border和padding,内容区的实际宽度会是width减去border + padding的计算值。大多数情况
2021-05-17 00:30:02
1032
原创 vue使用less的时候出现Failed to resolve loader: less-loader You may need to install it. Failed to resolve
一、打开Vue UI面板,选择依赖->安装依赖二、选择"开发依赖",输入 "less-loader "选择安装即可。三、选择"开发依赖",继续安装 “less”。四、安装完成之后,重启项目即可。
2021-05-16 02:04:30
2140
1
原创 简单的vue 路由配置
一、登录组件login.vue (一个普通的Vue文件)<template> <div id="app">登录组件</div></template><script>export default { name: "app", components: {},};</script><style></style>二、router里面的index.js (配置路由)import Vu
2021-05-16 01:32:02
198
原创 moment.js的使用
1.下载 cnpm i moment --save2.main.js 挂载 import moment from 'moment'//导入文件 Vue.prototype.$moment = moment;//赋值使用3.组件中使用凡是用的prototype 使用都要this.继承this.$moment('string').format("YYYY-DD-MM")
2021-04-19 14:45:19
117
原创 iview的使用方法
iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。安装:npm install iview --save然后在main.js中:import Iview from 'iview'import 'iview/dist/styles/iview.css' Vue.use(Iview)然后使用就和使用element-ui类似,具体的使用查看官方文档...
2021-04-19 14:43:45
524
原创 Element UI 隐藏table表格的表头
<el-table size="mini" :data="tableData" :show-header="false" stripe style="width: 100%" class="table" height="300" cell-class-name="row" highlight-current-row > &l.
2021-04-19 14:38:48
637
原创 CSS背景铺满整个屏幕的方法
<style> body{ margin:0; padding:0; } div.bg{ /*方法一*/ position:fixed; top:0; left:0; /*以上三句是让整个span放在屏幕的最左上方*/ width:100%; height:100%; /*以上两句实现全屏大小*/ .
2021-04-19 14:29:26
1255
原创 超级好用的阿里巴巴字体图标库,附教程
1.新建:fonts文件夹2.打开阿里巴巴字体图标官方网站:https://www.iconfont.cn/collections/index?type=33.把自己想要的图标,加入购物车,让后下载4.把下载好的文件全部放到fonts里面5.在mani.js里面引入字体图标文件import './assets/fonts/iconfont'import './assets/fonts/iconfont.css'6.在组件中使用:<span> ...
2021-04-19 14:26:48
1199
原创 云函数testcloud上传失败。失败原因:请先选择一个云服务空间解决方案
问题描述:云函数testcloud上传失败。失败原因:请先选择一个云服务空间解决方案解决方法:点击云函数 右键 选择关联服务器或者项目 选择要关联的服务器即可。欢迎关注微信公众号【web前端开发宝典】,收看更多前端技术干货!▼微信扫一扫下图↓↓↓二维码关注...
2021-04-11 15:27:07
1647
原创 [云端运行:腾讯云:]云函数testcloud上传失败。失败原因:请在manifest.json文件中获取新的AppID解决方案
出现故障截图:[云端运行:腾讯云:]云函数testcloud上传失败。失败原因:请在manifest.json文件中获取新的AppID解决方法:去到自己的小程序里面,把AppID复制到manifest.json里面即可。如果没有小程序AppID,去官网注册一个就有了。欢迎关注微信公众号【web前端开发宝典】,收看更多前端技术干货!▼微信扫一扫下图↓↓↓二维码关注...
2021-04-11 15:18:15
4008
2
原创 Visual Studio Code 常用操作大全,可以极大地提高工作效率
复制行: Ctrl+v粘贴行: Ctrl+c向上移动当前行: ALT +上箭头向下移动当前行 : ALT +下箭头向上复制当前行: shift+ALT+上箭头向下复制当前行: shift+ALT+下箭头向下插入行: ctrl+下箭头向上插入行 : ctrl+上箭头选择多个光标点: ALT+鼠标点击选中当前行: Ctrl+L多字符 多行的选择: Shift+上下左右箭头选中当前选中文字所有出现的地方: Shift+Ctrl+L选择方形区域文本: Shift+Ctrl.
2021-04-03 12:26:17
312
原创 [vuex] unknown mutation type: coupon/ADD_ITEM
vue组件使用vuex中的方法报错,报unknown mutation type的错误1.vuex如果分为几个模块,方法是在模块中的话,如果直接在组件中通过this.$store.commit("方法名")是获取不到,必须要在前面加上模块名,如this.$store.commit("模块名/方法名")才可以获取到2.默认情况下,模块内部的 action、mutation 和 getter 是注册在全局命名空间的——这样使得多个模块能够对同一 mutation 或 action 作出响应。如果
2021-03-17 13:05:52
659
原创 史上Promise超级详细生动的讲解,小学生看了都懂
一个Promise,有两个参数,一个是成功执行的的函数,使用的是resolve,失败使用的reject如果是resolve的话,继而.then()如果是reject的话,继而.catch()不管是resolve还是reject最后都会执行finally()如上图所示。二、通过通俗易懂的例子来说明Promise一个小女孩,下雨天如果有人送雨伞给她,她就有雨伞,她就成功resolve() 随后执行的是.then()如果没有人送雨伞给她,她就没有雨伞,她就失败reject()随后执行的是.cat.
2021-01-19 22:19:51
307
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人