- 博客(18)
- 收藏
- 关注
RSS订阅原创 Vite2+Vue2 配置vite.config.js增加资源路径前缀
配置选项指定要复制到构建输出目录的公共资源目录，这些资源包括 index.html 文件、静态资源文件、图标文件等。但是，Vite 默认情况下不支持类似 Vue CLI 中的。想要在打包后html文件的资源路径添加前缀，但是之前的Vue CLI 是使用。选项，这意味着所有静态资源的引用路径都将是相对路径。在当使用 Vite 打包应用程序时，可以使用。没有效果，打算在打包后使用脚本来自动添加。
2023-05-07 17:02:20
4331
3
原创 记录Vue中将固定元素滚动一定高度后填充背景色
实现将置于顶部的头导航栏的透明色，经过鼠标下滚后，加上背景色图一：图二：如这两张图的效果，将图一变为图二，同时也可将图二变为图一。首先，该元素是固定元素，将它固定在浏览器顶部，然后加一个ref来获取该元素<nav ref="viewBox"></nav>这里是js方法监听滚轮并且将背景色改变mounted(){ //监听滚轮滚动事件 window.document.body.onscroll = () => { if (docum
2022-05-14 17:34:33
847
原创 Vue3按需引入ElementUI
Vue3按需引入ElementUI这里记录下新构建的项目按需引入ElementUI1、npm install --save element-ui2、npm install babel-plugin-component -D3、在 babel.config.js文件里如下图module.exports = { presets: [ "@vue/cli-plugin-babel/preset",//这行是默认有的，其余是要加的。 ["@babel/preset-env", { m
2022-04-19 15:04:58
3331
原创 vue cli3 跨域代理问题
Vue cli3 跨域代理问题遇到过很多次vue 跨域代理问题，今天来好好写一写解决方法。vue.config.js(没有的话就自己创建，在根目录下，与package.json同级)vue.config.js:module.exports = { devServer: { proxy: { '/api': { // 此处的写法，我访问的是http://localhost:8080/api/dataHome.json设置代理后
2021-03-23 14:03:58
406
原创 Vue Element UI 使用upload上传文件
使用upload上传文件到服务器中在上传文件中，遇到了想要限制成上传xls/xlsx文件的需求，看了官方文档中写的el-upload介绍以及百度，现有两种方式限制上传文件类型。一、使用accept属性，限制上传类型（好处是，在点击上传的时候会将其他类型的文件过滤掉）<el-upload class="upload-demo" drag action="（服务器地址）" :on-change="handleChange" :headers="headers" :data="listD
2021-03-12 20:43:17
765
原创 微信小程序WebSocket
微信小程序使用WebSocket（一）建立连接首先 官方文档介绍建立连接使用方法onLoad: function (options) { var that = this //创建一个 WebSocket 连接 wx.connectSocket({ url: 'ws://(后端地址)',//如果是https的，前面是wss://,我的是http，所以是ws:// header: { 'content-type': 'application/
2021-02-20 15:36:26
560
原创 windows服务器中用nginx配置图片服务器
nginx配置图片服务器配置完访问效果如下：首先我是在c盘下创建了一个images文件夹，将此back.jpg放在文件夹下，然后修改nginx安装目录中的conf文件夹下的nginx.conf文件server { listen 80; server_name 11.111.111.11;//ip地址 #charset koi8-r; #access_log logs/host.access.log main;
2020-12-14 16:36:48
504
原创 Vue实现el-switch页面初始设置问题
el-switch页面初始值问题先附上效果图，在网页刚开始打开的时候实现的效果，发现在页面打开的时候，el-switch是有初始值的，官方代码如下：<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949"></el-switch><script> export default { data() { return { v
2020-12-02 10:49:34
4556
5
原创 Promise同步使用
Promise同步使用微信小程序中使用Promise想要向后台请求一个接口后实现后续代码顺序执行，由于自己封装的接口没有写回调函数，有时候会出现上面的请求返回结果还未收到，下面的代码就先执行了，所以用Promise来实现请求等待。new Promise(async (resolve, reject) => { await wx.User.login({ .... }) // 通过resolve来向后面then传值，then用res来接收 resolve(wx.getStorageS
2020-12-02 10:11:46
2148
原创 微信小程序下拉刷新
微信小程序下拉刷新功能微信小程序下拉刷新微信小程序自带下拉刷新的方法，如果在js中自己编写方法的话，需要将自带的方法删掉。实现方法如下：js 文件//下拉刷新 onPullDownRefresh: function () { this.onLoad() },json 文件"enablePullDownRefresh": true,下拉刷新可能会受到自定义组件的影响，我之前在用的时候就收到了其他组件的影响，导致页面不能下拉刷新。...
2020-11-25 08:31:22
153
原创 微信小程序实现回滚到顶部功能
微信小程序实现页面回滚到顶部最近遇到了一个需求，需要在顶部展示日历，然后设置了一个悬浮的按钮，可以显示和隐藏日历，然后在下面，引用了一个吸顶样式，之后发现在列表中间部分想要展开日历时，吸顶的标题会有点影响，所以就想到了点击展开日历后，判断当前页面是否在顶部，不是的话，就回滚到顶部并展开日历。js文件// 日历组件点击显示和隐藏 transmit() { if (this.data.onCalendar == false) { this.setData({ onC
2020-11-04 16:19:02
804
2
原创 微信小程序获取列表中某一栏的信息
微信小程序获取列表中某一栏的信息最近遇到一个问题，需要获取列表中的某一栏的信息，如下，列表是根据后端实时获取的，（向左滑动可以有相应操作），但是如何根据这一栏的按钮获得该栏的信息呢？向左滑动效果：只需要在操作的按钮里写上 data-[自定义名字]，写上你想要获取的信息。讲解“删除”按钮的功能附上具体代码：wxml代码<view class="cu-list menu card-menu"> <view class="cu-item {{modalName=='mov
2020-11-02 17:15:16
2135
转载 记录微信小程序之自定义凸起tabBar
微信小程序自定义底部TabBar想要呈现的效果图：将TabBar封装成一个组件：下面是tabbar.wxml的代码：<view class="tabbar_box {{isIphoneX?'iphoneX-height':''}}" style="background-color:{{tabbar.backgroundColor}}"> <block wx:for="{{tabbar.list}}" wx:key="{{item.pagePath}}"> &l
2020-10-17 14:26:13
2612
2
原创 记录Vue用sessionStorage存取数据
记录Vue用sessionStorage存取数据sessionStorage是用于临时性的存储数据，在关闭浏览器后，该数据将会被删除，而localStorage则是长期的，就算你关闭了浏览器，该数据还是存在。同时，sessionStorage的存储空间会比localStorage的空间小。一、存储数据采用setItem方法存储sessionStorage.setItem('key',value);通过属性方式存储sessionStorage['key']=value;二、读取数据
2020-10-15 16:29:28
2288
原创 微信小程序表单必填项设置
微信小程序设置表单中输入内容的必填项提示微信小程序的WeUI样式以及微信小程序开发文档中发现并没有表单必填前的required属性以及input组件：中都没有required属性，所以，只能自己创造了。首先，利用WeUI的flex布局，官方WeUI代码是这样的：Form：<view class="weui-form__control-area"> <view class="weui-cells__group weui-cells__group_form">
2020-10-13 20:19:04
16365
原创 记录git使用
记录git使用一、拉取已有项目（VsCode）在vscode中，首先初始化gitgit init拉取项目拉取分支：git clone dev(分支名) (url) 拉取默认master分支： git clone (url)二、创建分支git branch login(分支名)三、查看当前分支下的文件以及未上传的文件查看当前分支下的文件git status如果显示有红色的文件，说明该文件未上传，那么就需要：git add .四、上传文件如果需要pull 或pu
2020-09-26 19:14:51
98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人