随笔分类 -  vue

vue3+vite+typescript创建项目
摘要：一、环境准备 node：@ 20.14.0 pnpm: @9.4.0 二、创建项目 方式一：vue-cli创建 主要步骤： # 查看@vue/cli版本 vue --version /* @vue/cli 5.0.8 */ # 安装或升级@vue/cli npm install -g @vue/cl 阅读全文
posted @ 2024-06-25 18:43 涼皮Herr 阅读(868) 评论(0) 推荐(0)
在vue2.0 项目中集成 Electron 实现桌面端应用
摘要：需求：在桌面端有个应用能直接打开项目，不用在浏览器中浏览。 方案：vue2.0 + Electron 关于vue的项目搭建和electron的相关介绍可以去官网了解，这里是直接在已经开发好的vue2.0的项目中直接加入electron。 electron介绍： 参考1： https://electr 阅读全文
posted @ 2023-11-23 17:54 涼皮Herr 阅读(4331) 评论(0) 推荐(0)
vue中 给企业微信自建应用授权（静默授权，手动授权，扫码授权）
摘要：在web开发中，会遇到通过企业微信授权的形式进行免登录或快速登录的需求。 如果该应用是企业微信自建应用，那可以在管理平台获取到相应的appId和agentid等必要参数。 企业微信提供了OAuth的授权登录方式，可以让从企业微信终端打开的网页获取成员的身份信息，从而免去登录的环节。 现在已经搭建好v 阅读全文
posted @ 2023-03-15 19:31 涼皮Herr 阅读(8193) 评论(1) 推荐(3)
vue-使用字蛛font-spider压缩字体文件
摘要：项目中遇到有特殊字体要求，且中文字体文件包比较大的时候，为了压缩字体文件一般有两种思路 一、让设计根据常用字将原文件筛选字体子集，只需要给出所需文字的字体包就好。 二、用font-spider对文字进行筛选子集生成新的字体文件-- 官网：http://font-spider.org/ 一般的汉字字体 阅读全文
posted @ 2022-10-19 17:50 涼皮Herr 阅读(3276) 评论(0) 推荐(0)
VUE中如何使用字体文件
摘要：1、新建font目录存放字体文件 2、新建font.css /* Montserrat-Medium */ @font-face { font-family: "M-Medium"; src: url("./Montserrat/Montserrat-Medium.woff2"); font-dis 阅读全文
posted @ 2022-10-19 16:19 涼皮Herr 阅读(1468) 评论(0) 推荐(0)
vue时间转换-将时间转换为本月第几周-方法记录
摘要：1、引入moment时间转换 const moment = require('moment') 2、获取当前时间 var key='周报' var dateTime='2021-06-01 15:14:15' this.checkDate (key, dateTime) 3。转换 checkDate 阅读全文
posted @ 2021-06-23 18:56 涼皮Herr 阅读(1456) 评论(0) 推荐(0)
vue-以文件流-blob-的形式-下载-导出文件
摘要：vue项目中，经常遇到文件导出与下载，有时候是直接返回服务端的文件url,这样直接以a链接下载，或者windown.open对不同类型的文件进行下载或预览。但如果返回的是文件流，则需要做一些其他处理，具体形式如下： 1、首先要确定服务器返回的数据类型。 在请求头中加入： config.respons 阅读全文
posted @ 2020-06-10 18:19 涼皮Herr 阅读(7633) 评论(0) 推荐(0)
vue-element-upload 文件上传打开选择文件弹框前进行提示或操作
摘要：在项目中使用文件上传功能时，需求是不能直接弹出弹框，要先二次确认或进行提示。引申开来，即可在打开选择文件弹框之前，做一系列操作。 实现思路在基于element-upload组件的基础上，再加一个按钮，触发按钮后进行选择文件前的操作，操作完成后触发upload的选择文件。 具体效果：点击‘导入‘时，提 阅读全文
posted @ 2020-06-10 16:28 涼皮Herr 阅读(23298) 评论(1) 推荐(0)
vue-watch监听的方法
摘要：在vue中，很多时候需要实时了解数据的变化执行相应的操作，通过watch监听能实现相应需求。 <div> <p>inputOne: <input type="text" v-model="value1"></p> <p>inputTwo: <input type="text" v-model="va 阅读全文
posted @ 2020-01-17 14:37 涼皮Herr 阅读(6883) 评论(0) 推荐(1)
vue-admin 登录权限与路由守卫
摘要：使用vue开发后台管理系统，除了路由与页面搭建，最主要的还有登录权限与路由守卫。因为直接使用的vue-admin-element的后台管理系统，其中已经做了登录权限的管理，此次记录是为更好的梳理适合自己项目的流程，以及后续的查看与补充。 vue-admin-element模板地址：https://g 阅读全文
posted @ 2019-11-21 15:59 涼皮Herr 阅读(8609) 评论(0) 推荐(0)
vue中使用Base64转码
摘要：在vue项目中有时会使用到Base6464转码，现将自己使用的一种方法记录，以供参考 1：安装依赖 npm install --save js-base64 2：在main.js中引入 const Base64 = require('js-base64').Base64 new Vue({ el: 阅读全文
posted @ 2019-11-08 17:53 涼皮Herr 阅读(12299) 评论(0) 推荐(0)
vue-时间转换插件-moment.js的使用
摘要：在vue项目中对时间格式有不同的使用要求，网上转换方式有很多，当下记录使用moment的大概方法义工参考。 1：安装依赖 npm install moment --save 2：在main.js中引入 // 使用时间转换插件 moment.js import moment from 'moment' 阅读全文
posted @ 2019-11-08 17:42 涼皮Herr 阅读(3094) 评论(0) 推荐(0)