- 博客(29)
- 收藏
- 关注
RSS订阅原创 tree结构数据单选示例
1、tree结构数据单选示例1、首先处理接口请求到的数据import { getTestTypeAPI } from '@/api/questions/set'import { formatSortQue } from '@/utils/format'format.js文件中：export function formatSortQue(arr) { let formatArr = [] function formatFun(arr) { arr.forEac
2022-03-20 13:51:30
1459
原创 微信小程序当前页面不可转发如何解决
1、微信小程序当前页面不可转发如何解决1、当小程序当前页面不可转发时，首先查看当前文件的js文件中，是否添加了 onShareAppMessage 事件，若没有，则不能正常转发，这时添加上 onShareAppMessage 事件即可// index.jsconst app = getApp()const api = require("../../api/index.js").API// 获取应用实例Page({ data: { tabList: ['推荐','案例'
2022-03-20 13:50:33
23748
1
原创 vue-cli2.0 项目启动问题处理
1、项目运行报错：与 webpack-dev-server 相关的方法一、将webpack-dev-server卸载并重新安装npm uninstall --save-dev webpack-dev-servernpm install --save-dev webpack-dev-server@3.11.2方法二、将package.json中的配置文件，一些比较常见的，带尖角号的 ’ ^ '的尖角去掉，比如： "element
2022-03-20 13:49:38
931
原创 Vue 实战篇
一、Ant Design Pro 介绍1、访问地址：https://pro.ant.design/zh-CN/2、开箱即用的中台前端/设计解决方案二、使用Vue CLI3快速创建项目1、创建步骤：vue create ant-design 依据需要选择相应的依赖cd ant-design 打开项目文件npm i ant-design moment 安装项目中的依赖，依据moment时间安装2、自定义Webpack和babel配置依据 vue CLI 相关 webpack 配
2022-03-20 13:44:42
1986
原创 HTTP协议
1、HTTP的前世今生HTTP 协议始于三十年前蒂姆·伯纳斯 - 李的一篇论文；HTTP/0.9 是个简单的文本协议，只能获取文本资源；HTTP/1.0 确立了大部分现在使用的技术，但它不是正式标准；HTTP/1.1 是目前互联网上使用最广泛的协议，功能也非常完善；HTTP/2 基于 Google 的 SPDY 协议，注重性能改善，但还未普及；HTTP/3 基于 Google 的 QUIC 协议，是将来的发展方向。2、HTTP是什么HTTP 是一个用在计算机世界里的
2022-02-15 16:09:30
1234
原创 vue生态篇
一、如何在Vue中使用vuex1、安装方法：vue create vuex-demonpm i vuexnpm run serve2、使用步骤:main.js中引入vueximport Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state:{ count:0, }, mutations:{ increment(state,n){
2022-02-03 20:46:21
975
5
原创 vue基础篇
一、vue-cli的安装1、npm install -g @vue/cli2、vue create my-app3、cd my-app4、npm run serve二、插槽应用1、插槽：可以设置自定义样式` xxx.vue中书写 <template v-slot:item=itemProps> <span style="{fontSize:20px;,color:itemProps.checked?'red':'blue'}">{{
2022-01-30 13:29:13
516
原创 vue项目运行问题
1、引入less less-loader运行后报错：原因：less less-loader 版本太高，与 webpack 不匹配方法一：降低less-loader版本 npm uninstall less-loader # npm install less@3.9.0 less-loader@5.0.0 -s npm install less-loader@5.0.0方法二：在 package.json 文件中将 less less-loader 的版本手动降低，然
2021-07-06 11:11:26
1045
2
原创 vue-cli脚手架搭建新项目
1、首先全局安装vue-cli npm install -g @vue/cli # OR yarn global add @vue/cli2、升级vue-cli npm update -g @vue/cli # 或者 yarn global upgrade --latest @vue/cli3、安装全局扩展vue service npm install -g @vue/cli-service-global4、创建新项目：（1）、使用 v
2021-07-06 11:10:39
74
原创 element-ui中table中sortable排序
1、element-ui中table中sortable排序（1）、首先，在table标签中设置@sort-change事件,并在需要排序的列中设置sortable="custom"```<el-table :key="tableKey" stripe :data="listData" v-loading="listLoading" element-loading-text="给我一点时间" borde
2021-07-06 11:09:44
3021
原创 Vue中修改favicon.ico标题小图标步骤
1、Vue中弹窗打开验证规则重置方法open() { this.Visible = true this.$nextTick(() => { if (this.$refs[formname] !== '') { this.$refs[formname].resetFields() } })},2、Vue中修改favicon.ico标题小图标步骤（1）、首先制作favicon.ico小图标，在比特虫（http://www.bitbug.net/）网站上，制
2021-07-06 11:08:31
2611
1
原创 toLocaleString()方法和toString()方法
toLocaleString()方法和toString()方法1、javascript中的toString()方法，主要用于Array、Boolean、Date、Error、Function、Number等对象（1）、Array.toString()：将数组转换成一个字符串，并且返回这个字符串（2）、Boolean.toString()：将布尔值转换为字符串。（3）、Date.toString()：将Date对象转换成一个字符串，采用本地时间。（4）、Error.toString()：将Error
2021-07-06 11:07:50
668
原创 element-ui中upload上传携带其他参数
1.element-ui中upload上传携带其他参数1、通过设置:on-success="(value)=> itemHandleSuccess(scope.row, value)"将需要传入的参数传入函数中 <el-table-column align="center" label="查看文档"> <template slot-scope="scope"> <span v-if="scope.row.tag" @click="vi
2021-07-06 11:07:15
1146
原创 git常用命令整理
git常用命令整理：一、git一般操作步骤：1、获取Git配置信息：git config --list2、设置名字 user.name 和 user.email：git config --global user.name "user"git config --global user.email "user@gmail.com"3、初始化一个仓库：git init4、查看文件改变的状态：git status5、添加：git add test.txt 或 git add .6、把文件提交
2021-07-06 11:05:43
227
1
原创 火狐浏览器textarea等标签书写完带红框的样式去除
火狐浏览器textarea等标签书写完带红框的样式去除1、如果一个表单控件具有required属性，在火狐浏览器下就会出现border边框成红色的现象，此时设置如下样式：input,select,option,textarea{ -moz-appearance: none !important; outline: none !important; -moz-outline: none !important; box-shadow: none !important; -moz-box-
2021-07-06 11:04:42
300
原创 vue中watch的深度监听—针对引用数据（数组、对象等）
vue中watch的深度监听—针对引用数据（数组、对象等）1、首先父组件将值传递给子组件：<!--图书入库--><div v-if="fatherStage=='7-3'"> <stepThree :step3Data="step3Data" @examineFn="examineFn" :modelPrintNum="modelPrintNum"></stepThree></div>2、子组件接收父组件的值，并深度监听，以便操作数
2021-07-05 10:39:29
686
原创 打印前端当前页面—window.print()
打印前端当前页面—window.print()1、首先template标签中，设置一个包含所有数据的div，并设置id属性，例如listPrint<template> <div> <!-- 打印选题列表 --> <div class="content"> <span class="printBtn" @click="printTemplateEvent">打印</span> <div
2021-07-05 10:38:55
381
原创 Vue中返回页面不刷新之前页面–keep-alive的应用
Vue中返回页面不刷新之前页面–keep-alive的应用1、若所有页面均需要保留缓存，返回时不刷新页面则在App.vue文件中设置路由<template> <div id="app"> <keep-alive> <router-view/> </keep-alive> </div></template>2、若只是个别页面需要保留缓存则：A
2021-07-05 10:37:59
548
原创 数据是多级菜单，并且可以多选事件
1、数据是多级菜单，并且可以多选事件1、首先页面中template标签中：<el-form-item class="width360"> <!-- categories --> <span slot="label"> <span class="span-box"> <span class="tip">*</span> <span>图书分类:&
2021-07-05 10:36:34
118
原创 在线预览word、excel、pdf等文档、导出文件等
在线预览word、excel、pdf等文档、导出文件等1、获取上传文件地址，从后台处获取2、网址拼接：<iframe data-v-d0da675e="" src="http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=http://www.xdocin.com/demo/demo.docx" width="100%" height="100%" frameborder="1
2021-07-05 10:35:08
249
原创 前端导出Excel
前端导出Excel1、首先下载：query-stringcnpm i --save-dev query-string或者npm i --save-dev query-string2、引入import queryString from 'query-string'3、代码中应用：import { requestPath } from '@/utils/global.js'import queryString from 'query-string'exportFile() { //导出
2021-07-05 10:34:19
43
原创 vue项目中导入swiper插件的方法
vue项目中导入swiper插件的方法1、安装swipernpm i swiper@3.4.2 -S2、组件编写：swiper官方的使用方法分为4个流程：（1）、加载插件import Swiper from 'swiper';import 'swiper/dist/css/swiper.min.css';（2）、HTML内容<template> <div class="swiper-container"> <div class="
2021-07-05 10:33:38
1716
原创 Vue中修改接口报500拦截的时间
Vue中修改接口报500拦截的时间1、一般在src/utils/request.js中修改时间：service.interceptors.response.use( <!--接口成功提示类型及时间--> response => { if (response.data.code == -6) { //登录失效 localStorage.clear() Message.error('登录信息失效，请重新登录')
2021-07-05 10:32:22
290
原创 Vue实现文件上传和文件下载
Vue实现文件上传和文件下载文件下载：文件下载一般分为几类情况：1、后台返回一个接口，直接是下载地址一般直接拼接后台返回的接口即可window.open(`${process.env.BASE_API}${requestPath.file}/download/${tag}`)${process.env.BASE_API}：指项目中设置的访问地址${requestPath.file}/download/${tag}：指接口路径及传入的参数2、location.href直接把 DataU
2021-07-05 10:31:38
1736
原创 数据类型判断
数据类型判断1、数据类型：基本数据类型 和 引用数据类型（1）、基本数据类型：Number 、String 、Null 、Boolean 、undefined 、Symbol(ES6新增)（2）、引用数据类型：Object 、Array 、Date 、Function 、Error 、RegExp 、Math 、Number 、String 、Boolean 、Globle（3）判断数据的方法：A：typeof返回值： number, boolean, st
2021-07-05 10:30:01
52
原创 vue项目总结小问题
项目总结：1、给数组中添加新属性this.list.map(item => { this.$set(item,'属性名',属性值)})//同时添加多个，并能监测更新this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })2、vue打包注意事项vue项目打包时，需要结合后台给的链接地址，设置好图片、css 、 js的路径，避免打包后页面请求不到，在config文件夹中index.js中设置build对
2021-03-15 10:12:18
717
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人