大小 模板vue

Vue3.0学习二

组合式API:setup 在beforecreate之前就执行了。 import { ref, toRefs, toRef , h} from 'vue' export default { props:{ name: { type: String } }, //setup中使用props中的数据 s ......
Vue3 Vue

vue前端纯小白向快速扫盲贴集合

看的一些博客,对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的,可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可,管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
前端 vue

vue admin plus 的菜单权限判断,菜单隐藏过滤,函数路径

main.ts -> setupRouter()router/index.ts -> setupPermissions()router/permissions.ts -> getUserInfo() && setRouters()store/modules/routes.ts -> filterRo ......
菜单 路径 函数 权限 admin

如何使用awk进行字符串大小写的转换?

1、问题:如何将下面的这个字符串,全部转换为 大写 ? DOMaiN,verify,reference,offset, LIMIT,TYPE,ref,context,LOGIN,CONTEXT,sa 使用awk的 toupper() 函数来实现 [root@yks01 ~]# echo "DOMAI ......
字符串 字符 大小 awk

支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。

原文链接 https://github.com/501351981/vue-office 功能特色 一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了 简单:只需提供文档的src(网络地址)即可完成文档预览 体验好:选择每个文档的最佳预览方案,保证用户体验和性能都达到最佳状态 ......
组件 vue 多种 文件 excel

基于S7-200 PLC和组态王大小球大小分拣

基于S7-200 PLC和组态王大小球大小分拣YID:3769668599934796 ......
组态 小球 大小 200 PLC

vue之按键事件与修饰符

按键事件 按键事件就是,按了键盘的一个按键,就会触发绑定函数的执行。 |按键|说明| | | | |keyup|按键弹起的时候触发(最常用)| |keydown|按键按下的时候触发| |keypress|按键按压的时候触发| 语法 # 在标签上进行定义 @keyup="函数" @keydown="函 ......
按键 事件 vue

PageOffice——动态填充Word模板并在线编辑

说明:使用pageoffice动态给word模板填充数据,插入图片、excel、word格式的文件和创建表格。 一、准备工作: 本地创建一个doc或者docx格式的文件,在文件中需要插入数据的地方设置以“PO_”开头的书签(pageoffice只能识别“PO_”开头的书签)。 二、插入图片 Page ......
PageOffice 模板 动态 Word

Vue中axios请求后res返回204,no content,res.data为undefind

一直以为后台只要返回200-299之间的状态码就没问题,就是这个错误认知,花了三个小时终于想到解决办法 附上axios 地址 axios中文文档|axios中文网 | axios (axios-js.com) 前面一直想着后台能接收处理请求,肯定不是后台问题,一直花时间配置前端请求指令,以及设置响应 ......
res undefind content axios data

前后端Vue分离开发平台的前期准备

摘要: 之前我下载的一个快速开发平台,生成的前端代码不是Vue类型的,我发现下载的版本出现问题。我去找了一个前后端分离Vue的快速开发平台。但是配置又重新配,配置的过程中出现了很多的bug。 问题及解决 1、Mybatis-plus的技术升级 Could not resolve type alias ......
开发平台 前期 平台 Vue

vue3.0和2.0的区别

Vue.js是一个渐进式JavaScript框架,Vue.js 3.0相比于2.0有以下区别: 更快:Vue.js 3.0的渲染速度比2.0快了近30%。 更小:Vue.js 3.0的体积比2.0小了41%。 更易维护:Vue.js 3.0的代码结构更加清晰,更易于维护。 更易于原生:Vue.js ......
vue3 vue 2.0

使用vue2从零开始搭建自己的组件库(完整版)

前言 在前端开发中,除了常用的UI组件库以外,我们还会涉及到基于公司业务,需要定制化开发一些业务组件,还有随着项目的增多,开发人员的增多,为了提高工作效率,我们就需要统一管理好已开发好的业务组件。这时候我们就需要搭建自己的组件库,因为涉及到一些公司的业务,我们只能发布到私服的npm上。下面几点是我们 ......
整版 组件 vue2 vue

VSCode自建vue示例模板

步骤 打开File->Preferences->Configure User Snippets 选择New Global Snippets file... 输入名字(自定义),填入以下内容,注意修改vue.js路径 { "Print to console": { "prefix": "vue", " ......
示例 模板 VSCode vue

VUE3 目录结构

├── dist/ └── src/ ├── api/ // 接口请求目录 ├── assets/ // 静态资源目录 ├── common/ // 通用类库目录 ├── components/ // 公共组件目录 ├── router/ // 路由配置目录 ├── store/ // 状态管理目录 ......
结构 目录 VUE3 VUE

一个 OpenTiny,Vue2 Vue3 都支持!

TinyVue 是一套跨端、跨框架的企业级 UI 组件库,支持 Vue 2 和 Vue 3,支持 PC 端和移动端。今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。 ......
Vue OpenTiny Vue2 Vue3

vue全家桶进阶之路28:项目仓库Gitee

Gitee(之前称为GitCafe)是一种基于web的Git仓库托管服务,在中国很受欢迎。它为开发人员提供了一个平台,可以托管他们的Git仓库,与其他开发人员协作,并管理他们的代码。 https://gitee.com/ Gitee支持多种版本控制工具,包括Git和SVN。它还提供了一些高级功能,例 ......
仓库 全家 项目 Gitee vue

vue全家桶进阶之路27:Vue.js 3.0的下载和安装

使用脚手架vue-cli创建vue3项目,创建前需要准备以下: 1、node.js环境 见:https://www.cnblogs.com/beichengshiqiao/p/17251233.html 2、npm、cnpm工具 见:https://www.cnblogs.com/beichengs ......
全家 vue Vue 3.0 js

vue全家桶进阶之路26:Vue.js 3.0与Vue.js 2.x 的比较和注意事项

Vue.js 3.0 是 Vue.js 框架的最新版本,于 2020 年 9 月正式发布。Vue.js 3.0 主要的改进和新特性包括: 更好的性能:Vue.js 3.0 使用了更快的虚拟 DOM 实现,比 Vue.js 2.0 更快。 更小的体积:Vue.js 3.0 的代码体积比 Vue.js ......
全家 Vue 注意事项 事项 js

vue之双向数据绑定v-model

简介 在vue中,当修改了变量,页面内容会根据变量的变化而变化。但是如果页面变化了,变量不会变化,这个就是单向数据绑定。当页面变化,变量也会跟着变化,这个是双向数据绑定 语法 <input type="text" v-model="变量"> 示例 <body> <div id="app"> <!-- ......
双向 v-model 数据 model vue

PVE Cloud-INIT 模板配置

PVE Cloud-INIT 模板配置 Cloud-init是什么 Cloud-init是开源的云初始化程序,能够对新创建弹性云服务器中指定的自定义信息(主机名、密钥和用户数据等)进行初始化配置。通过Cloud-init进行弹性云服务器的初始化配置,将对您使用弹性云服务器、镜像服务和弹性伸缩产生影响 ......
Cloud-INIT 模板 Cloud INIT PVE

vue全家桶进阶之路25:Vue2的停维通知

Vue 2 的技术支持会持续多久?从官方发文来看,Vue 2.7 是当前、同时也是最后一个 Vue 2.x 的次级版本更新。Vue 2.7 会以其发布日期,即 2022 年 7 月 1 日开始计算,提供 18 个月的长期技术支持 (LTS:long-term support)。在此期间,Vue 2 ......
全家 Vue2 vue Vue

vue之事件修饰符

修饰符 |事件修饰服|释义| | |.stop|只处理自己的事件,子控件不再冒泡给父控件| |.self|只处理自己的事件,子控件的冒泡不处理| |.prevent|阻止a标签链接的跳转,也可以修改跳转页面| |.once|事件只会触发一次(适用于抽奖页面)| .stop事件 <div id="ap ......
事件 vue

T4 运行时模板引擎

之前的文章都介绍的是通过保存的方式来使用T4,或者是通过VS下的TextTransform.exe文件来编译T4(还需要考虑传参长度等各种问题)T4模板引擎 参数调用; 这些方法都比较繁琐,可以适用在不同的使用场景下,本文介绍一下运行时的T4模板 运行时T4只需要在创建时候选择为运行时模板即可,和之 ......
模板 引擎 T4

vue之过滤、筛选功能的实现

需求 给定一个列表(模拟数据),根据用户输入,自动筛选输入的内容并输出到屏幕 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/jQuery ......
功能 vue

vue3创建项目笔记

E:\vue3学习>npm init vite@latest vite-blog -- --template vueNeed to install the following packages: create-vite@4.2.0Ok to proceed? (y) y Scaffolding pr ......
笔记 项目 vue3 vue

报错:‘VUE-CLI-SERVICE‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

启动前端的项目,命输入 npm run dev 时,报错:'vue-cli-service' 不是内部或外部命令,也不是可运行的程序 或批处理文件。如图: 1、管理员身份打开 2.输入set-ExecutionPolicy RemoteSigned 3、选择A 4、Pycharm-Terminal执 ......
VUE-CLI-SERVICE 命令 SERVICE 文件 程序

vue之箭头函数

说明 当在一个方法(函数)里面再定义一个方法(函数)时,内部的方法的this指向会有问题,如下: <body> <div id="app"> <h1>{{l1}}</h1> <button @click="clickFunc">点我</button> </div> </body> <script> ......
箭头 函数 vue

vue动态添加表单validateField验证

1 <template> 2 <el-form ref="form" :model="form" :rules="rules" label-width="100px"> 3 <div v-for="(input, index) in inputs" :key="index"> 4 <el-form- ......
表单 validateField 动态 vue

vue定义全局函数,定义全局变量,修改变量

需求:设置一个全局的变量(messageList)和全局的方法。各组件都可以调用这个全局的方法去修改全局的变量(messageList)。 具体情况: 底部有一个消息组件。各组件接口调用时成功或失败的回调中调用一个全局的消息提示方法。类似this.$message.success('我是提示内容') ......
全局 变量 函数 vue

vue之字符串的方法

简介 本文会把遇到的字符串的方法慢慢补充进来 indexOf方法 indexOf方法判断字符串是否包含另一个字符串 判断结果如果包含返回的是索引,如果不包含,则返回-1 <script> let s = 'abc' let s1 = 'jfkdabcjkfda' let res = s1.index ......
字符串 字符 方法 vue