- 博客(11)
- 收藏
- 关注
原创 element-ui实现前端分页功能
<template> <div> <el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column>.
2021-12-08 16:30:13
230
原创 腾讯云cos使用介绍
腾讯云cos申请配置目标使用现成的腾讯云服务创建一个免费的云存储。官网:https://cloud.tencent.com/创建账号并实名认证在腾讯云中创建帐号并实名认证开通对象存储创建存储桶设置cors规则在存储桶列表中,选中存储桶在左侧的菜单中选安全管理因为我们是在测试上传,全部容许上传即可,真正的生产环境需要单独配置具体的域名和操作方法配置云API秘钥服务器属于个人的,需要一定的权限才能自由上传图片...
2021-05-23 23:51:17
2975
1
原创 前端实现excel导入导出功能
导入实现步骤安装必要插件 npm install xlsx -S 定义组件:src/components/UploadExcel/index.vue<template> <div> <input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick"> <div class=..
2021-05-23 23:33:22
406
原创 js中字符串常用属性和方法
属性str.length -- 返回字符串的长度let str = "ni hao web"console.log(str.length)//结果: 10方法1. str.indexOf() -- 返回字符串中指定文本首次出现的索引(从左向右查)let str = "ni hao web NI HAO WEB ni hao web"console.log(str.indexOf('hao'))//结果: 3console.log(str.indexOf('HAO'...
2021-05-21 23:23:16
95
原创 js中数组的方法和属性
下面介绍时arr代表数组属性arr.length--计算数组的长度,返回--数组长度值let arr = [1,2,3,4]console.log(arr.length)//结果: 4方法arr.push--在数组尾部添加元素,返回--添加元素后的数组let arr = [1,2,3,4]arr.push(5,6)console.log(arr);//结果:[1,2,3,4,5,6] 目录 下面介绍时arr代表数组 属性 方法 ...
2021-05-17 15:03:56
577
原创 vue中修饰符
事件修饰符v-on 简写为 @ .stop--阻止单击事件继续传播 ,即阻止冒泡 <li @click="done">//加上.stop可以阻止冒泡事件执行<a v-on:click.stop="doThis"></a></li> .prevent--提交事件不再重载页面,阻止form表单默认提交 <form v-on:submit.prevent="onSubmit"></form>...
2021-05-15 20:12:28
247
原创 vuex使用及方法介绍
vux核心--state声明变量src下新建文件夹 src/store/index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex) //挂载到vue上const store = new Vuex.store({ state:{ 属性名:值 }})//导出store实例export default store2.在main.js 中引入// 在入口文件中引..
2021-05-13 21:19:04
284
原创 前端跨域解决方案
首先了解什么是同源策略1.同源策略:是浏览器提供的一种安全机制,限制来自不同源的数据。如果当前页面的URL地址和Ajax的请求地址不同源,浏览器不允许得到服务器的数据2.同源:协议 http||https、IP和 port端口 都相同则同源,只要有一项不同就是不同源不同源就是跨域1.当前显示的页面中,如果触发了一个Ajax请求,如果请求的URL地址和当前页面的URL地址不同源就是跨域2.浏览器不允许跨域获取数据,浏览器就会报错解决跨域问题方法1.jsonp需要前端和后端的配合
2021-05-12 21:16:38
60
原创 前端开发中环境变量配置
在一些特殊的配置文件中定义环境变量 文件名称 对应环境 说明 .env.development 开发环境 当运行npm run dev 的时候会以此文件为配置文件,这个文件中可以定义针对开发环境的环境变量 .env.production 生产环境 当运行npm run build:prod 的时候会以此文件为配置文件,这个文件中可以定义针对开发环境的环境变量 .env.staging 模拟生产环境 可以理解为production环境的镜像, 尽最
2021-05-12 20:57:58
3810
原创 js数据格式转换方法
数据格式转换方法将数组转为tree树状结构 //数据格式如下const data = [ { id: '01', name: '张大大', pid: '', job: '项目经理' }, { id: '02', name: '小亮', pid: '01', job: '产品leader' }, { id: '03', name: '小美', pid: '01', job: 'UIleader' }, { id: '04', name: '老马', pid: '01', job: '
2021-05-10 19:39:32
1220
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人