- 博客(26)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 NuxtJS3配置多环境变量
官网参考链接：https://nuxt.com/docs/api/commands/build。OK，配置完成~~~~~~
2024-02-02 19:49:10
733
原创 解决vue项目部署在服务器上无法打开public中的文件
访问路径加上outputDir路径，http://www.xxxxx.com/project/template/xxxxxx.xlxs。访问www.xxxxx.com/template/xxxxx.xlxs路径报错。vue.config.js中outputDir有值，所以部署在服务器应该带上它。问题：放在public中的文件，部署服务器访问出现404。
2023-10-12 10:19:22
784
原创 使用vue3+TS实现动态路由【2023无套路不需要VIP】
之前把注入路由写在beforeEach里面，在搭建动态路由前出现了很多问题，尝试各种方法都不行，心都累了。网上基本上都是这样方式，不能这样搞，反正我的项目是实现不了的。几经磨砺，用了很多方法，搞了好几次。不知道出现多少错误，比如，无法找到文件、import引入错误。
2023-07-12 14:06:03
641
1
原创 ementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档
ementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档。将total初始值设为0。
2023-04-12 10:39:42
6051
1
原创 最新解决Android Studio打包没有Generate Signed Bundle/APK选项
配置Android Studio打包没有Generate Signed Bundle/ apk选项。
2022-06-20 12:06:42
11123
6
原创 Vue3中setup前写async页面不显示
主要还是渲染异步组件：1.父组件中引用defineAsyncComponentimport { defineAsyncComponent } from 'vue' components: { AsyncComponent: defineAsyncComponent(() => import('./components/AsyncComponent.vue') ) }})加载状态将由 控制，组件自身的加载、错误、延迟和超时选项将被忽略。<temp
2021-08-16 11:52:54
1178
原创 vue3.0中设置网页title
1.在public/index.html中设置title<title><%= htmlWebpackPlugin.options.title %></title>2.路由中设置meta// 路由配置规则const routes: Array<RouteConfig> = [ { path: '/login', name: 'login', meta:{ title: '登录' }, compon
2021-08-13 11:16:38
5954
原创 解决scss文件嵌套样式无效
页面引用1.安装：npm install sass -D2.新建style.scss文件page{ color: #ffffff; .page--header{ height:55px; }}3.页面引用<style lang="scss" scoped>@import url("style.scss");</style>出现问题：嵌套page–header样式无效！！！解决方法改写页面引用方法：<style lang="sc
2021-08-09 16:45:51
3849
原创 解决vs code终端显示空白也无法输入
1.找到cmd.exe的位置打开cmd，输入 where cmd复制路径，2.vs code中设置1.打开新窗口，左上角选择，文件 ————首选项 ————设置2.在设置栏中，搜索shell3. 在配置文件中，粘贴cmd地址，修改地址格式。4.重启vscode完美解决(๑•̀ㅂ•́)و✧...
2021-06-11 10:23:40
1623
1
原创 Vue去除添加背景后出现的白边
1.css中去除默认填充*{ margin: 0; padding: 0;}2.改变背景图片大小.page { background: url("~@assets/img/page/background.png") no-repeat center/101% 101%;}
2021-06-04 18:35:54
489
原创 微信小程序bindtap普通事件传参方法
使用bindtap在组件中绑定一个事件处理函数，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。使用data-* 进行传参，<view id="tapTest" data-hi="Weixin" bindtap="tapName"> Click me! </view>在相应的Page定义中写上相应的事件处理函数，参数是event。Page({ tapName: function(event) { console.log("获取参数hi:
2021-04-15 10:54:45
522
原创 JavaScript的reduce() 方法使用
reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。注意: reduce() 对于空数组是不会执行回调函数的。语法：array.reduce(function(total, currentValue, currentIndex, arr), initialValue)参数：案例：四舍五入后计算数组元素的总和：<button onclick="myFunction()">点我</button> <p>数组
2021-02-25 14:52:18
69
原创 js实现li选中添加样式并删除其他li选中样式
需要在外层DOM设置id。选中当前li改变颜色，删除其他li的选中样式。再次点击选中的li,将去除选中样式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-
2021-02-18 17:38:53
2268
原创 css使用position定位如何让元素居中
使用position生成绝对定位的元素absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。如何让元素居中方法一针对已知宽高，可使用margin.box{ width:600px; h
2021-02-09 11:04:53
10703
3
原创 原生js获取body/id/class/img/li
获取body/id/class/img/li1.获取bodydoucumnet.bodydocument.getElementsByTagName("body")[0]2.获取iddocument.getElementsByClassName("class")3.获取classdocument.getElementById("id")document.getElementsByClassName("class")4.获取img/lidocument.getElementsByTag
2021-02-08 10:29:10
689
原创 设置table给tr添加边框
CSS border-collapse 属性https://www.w3school.com.cn/cssref/pr_tab_border-collapse.asp1.为表格设置合并边框模型：table { border-collapse:collapse; }tr{ border:1px solid #ccc;}2.给table添加 cellspacing=“0”<table cellspacing="0"></table>...
2021-01-28 11:34:57
667
原创 Vue中使用axios封装post/get请求，支持链式
在common文件夹中新建axios.js// 使用数据拦截器import axios from 'axios';import Qs from 'qs';import { Notify } from 'vant';axios.defaults.timeout = 5000; //填写域名axios.defaults.baseURL =urlObj[sceneParam];//http request 拦截器 客户端给服务端的数据 axios.interceptors.request.
2020-07-31 10:32:41
514
原创 Vue结合vant框架实现list懒加载
在做移动端的页面，难免会遇到列表的懒加载，下面是使用Vue和vant实现的List组件懒加载功能，但是根据每个人传递的参数不同可能方法也会不同，仅供大家参考。<template> <div class="message-list-info"> <van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-list v-model="loading" :finished="fin
2020-07-28 14:44:33
1477
1
原创 Vue结合vant框架实现通讯录a-z排序
显示效果实现的文件有，工具：convertToPinyin.js页面：friends.vue代码friends.vue主要代码参考selectFriends方法调取数据成功后的信息过滤。说明：1.其中组件NavBar/Toast/Button/Cell/CellGroup我已在main.js中全局注册，若单独使用请在vue页面中配置，如何配置可参考vant官网。提示：在main.js中进行全局注册，引入组件，然后使用Vue.component(Cell.name,Cell)对导入的组件进
2020-07-28 11:06:28
77946
原创 Vue项目中阻止页面放大缩小
修改index.html中的meta在index.html中的meta中修改代码，如下 代码片. <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">其中的user-scalable=0是不允许页面通过手指就能放大缩小。...
2020-07-11 11:41:30
1884
原创 IIS部署网站出现编译错误CS0016
解决方法：找到C:\Windows\Temp文件夹——右击属性——安全，找到组或用户名为，IIS_IUSRS，设置全部为允许
2020-04-07 15:17:36
349
原创 React生成脚手架时出现win32错误
在安装React脚手架时出现win32错误问题解决方法：1.重新安装node.js2.卸载yarn和cnpmnpm uninstall yarn -gnpm uninstall cnpm -g3.使用npm install安装React脚手架npm install create-react-app -g4.生成脚手架create-react-app my-react...
2020-04-06 16:23:23
116
Vue3谷歌浏览器调试工具Vue.js devtools 6.1.4
2022-05-30
vue-devtools v5.3.3
2020-10-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人