- 博客(17)
- 收藏
- 关注
RSS订阅原创 axios的封装
新建api文件夹 新建http.js// 封装请求import axios from 'axios'import { ElMessage } from 'element-plus'// 请求const http = axios.create({ baseURL: "https://www.liulongbin.top:8888/api/private/v1", timeout: 6000})// 请求拦截http.interceptors.request.use(confi
2022-05-05 15:13:02
106
原创 vuex封装 用mutation改变state的值
新建store文件夹 在里边新建index.vue 代码如下import Vue from 'vue'import Vuex from 'vuex'import test from './modules/test'import user from './modules/user'import website from './modules/website'const store = () => { // # 返回store为一个函数就行了 模块 return new Vue.
2022-05-05 13:23:12
595
原创 后端返回链接 图片下载到本地
<template> <div> <div @click="downs()">点击下载图片</div> </div></template><script>export default { data(){ return{ } }, methods:{ downloadIamge(imgsrc, n
2022-04-28 17:12:09
368
1
原创 element实现按时间排序的样式
<template> <div> <el-row> <el-col :span="12"> <div class="grid-content bg-purple"> <span class="navSpan cur">按时间排序 <i class="el-icon-caret-top navIconTop" :class="[timeSortV
2022-03-14 16:43:29
1019
原创 vscode使用git管理
下载的git插件使用方法 拷贝代码 直接再要下载的地方 git clone xxx.git下载位置右键使用git Bash Here出现弹框 git clone xxx.git下载完以后打开vscode 查看修改的文件上班之前一定要先拉去代码 自己提交代码之前一定要先拉去代码拉取哪个分支点哪个 我现在拉去dev分支推送代码提交到本地代码库推送拉去完成...
2022-03-10 14:33:45
265
原创 详情页跳转详情 例如详情页下边相关推荐
toDetail(id) { console.log(id) this.$router.push({ path: './detail', query: { id, }, }) //刷新页面 window.location.reload(); },
2022-02-15 10:21:55
243
原创 区分浏览器和区分是安卓还是ios手机
//区分浏览器getBrowser() { var u = navigator.userAgent console.log(u) var bws = [{ name: 'sgssapp', it: /sogousearch/i.test(u) }, { name: 'wechat', it: /MicroMessenger/i.test(u) }, { name: '
2022-02-14 13:03:46
172
原创 计算属性的写法vue
<template> <div> <h1> num：{{num}} </h1> </div></template><script>export default { data () { return { num1: 10, num2: 40 } }, computed: { num(){ return this.num1+ this
2022-02-14 10:08:46
388
原创 使用file-saver和xlsx插件下载excel
安装命令npm install -S file-saver（生产依赖，则为-s）npm install -S xlsxnpm install -D script-loader （开发依赖，则为-d）安装完成后新建文件夹（static下）exportExcel在文件下载写入两个文件Blob.js和Export2Excel.jsBlob.js/* Blob.js * A Blob, File, FileReader & URL implementation. * 2018-08-
2022-02-14 10:02:45
356
原创 vue中修改body颜色
mounted() { // body背景颜色 document.querySelector("body").setAttribute("style", "background-color:#ebebeb"); }, beforeDestroy() { document.querySelector("body").removeAttribute("style"); },
2022-02-09 16:22:46
989
原创 vue中h5下滑加载更多
vue中在方法中methods:{// 触底加载更多 handleScroll() { let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; let clientHeight = document.documentElement.clientHeight; let scrollHeight = document.documentElement.scrollH
2022-02-09 16:20:56
1479
原创 vue的导入导出
（1）导出一个方法导出//export-default.js 这是一个模块文件export-default.js，它的默认输出是一个函数export default function () { console.log('导出');}导入可以用任意名称指向export-default.js输出的方法，这时就不需要知道原模块输出的函数名。//import-default.jsimport customName from './export-default';customName(); /
2022-02-09 16:13:53
3221
原创 mixins混合（混入）写法
混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项相当于一个公共的组件 可以写data，方法等例子创建一个commonMethod.js文件export const commonMixin = {//公共的data data() { return { token: "60180488a87968c438907e4e", //默认为
2022-02-09 10:06:00
224
原创 判断是否在这个页面（在这个页面视频自动播放 跳出这个页面视频自动停止）
// 判断页面是否处于当前页 isPageLeave() { let hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'moz...
2022-01-12 17:32:54
1409
原创 大数组里面小数组里的对象某个字段排序
根据content里面的ordernumber进行排序this.questionList.forEach(element => { element.content.sort(function (a, b) { return parseInt(a.ordernumber) - parseInt(b.ordernumber); }); })
2021-12-16 14:50:12
37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人