大小 模板vue
比对大小为什么会出错
问题：254.6<254.8返回的结果为什么是False 文本型数字的排序规则与数值不同，当两个数其中一个是文本型数字，另一个是数值的时候， 比对大小的结果会出现偏差。 判断单元格里的数字是数值还是文本型数字最直接的办法就是取消横向对齐方式，数值自动靠右对齐，文本型数字自动靠左对齐。 ......
vue项目打包之后， 生成一个可修改IP地址的文件
在做项目的时候遇到了一个问题， 就是把项目部署到不同的服务器上， 但不能每次修改IP的时候就打包一次， 这就增加了前端的工作量，经过百度， 发现有一些方法是可以的，亲测可用。 具体操作是， 1，在static文件夹下面建立一个config.js文件， 1 2 3 4 5 6 7 (function ......
vue3探索——组件通信之v-model父子组件数据同步
# 背景 再很多场景中，我们可能想在子组件中修改父组件的数据，但事实上，vue不推荐我们这么做，因为数据的修改不容易溯源。 ## Vue2写法 在vue2中，我们使用`.sync`修饰符+自定义事件`'update:xxx'`，来使父子组件数据同步。 ```html // 父组件 我是父组件，我有{ ......
chrome即時查看網頁圖片的真實大小（Chrome浏览器插件——Image Size Info）
插件地址：https://chrome.google.com/webstore/detail/image-size-info/oihdhfbfoagfkpcncinlbhfdgpegcigf/related 需要科×上网。 参考：https://www.techbang.com/posts/1342 ......
vue中添加音频和视频
视频播放功能 1. 安装vue-video-player npm install vue-video-player --save 或 yarn add vue-video-player --save 2. 在main.js中全局引用 import VueVideoPlayer from 'vue-v ......
vue--day73--getters的使用
1. 概念：当state中的数据需要经过加工后再使用时，可以使用getters加工。 2. 在```store.js```中追加```getters```配置 ```js ...... const getters = { bigSum(state){ return state.sum * 10 } ......
前后端分离项目之Vue2框架搭建
1、安装Node.js ， 为了可以使用npm命令去安装其他东西 2、vue-cli安装： npm install -g @vue/cli 安装完之后可以执行vue -- version 或者 vue -V 命令去查看版本 注意：npm可以设置淘宝镜像对npm进行加速 ： npm config se ......
在vue中使用svg
# 背景 svg作为矢量图，放大不失真，但是如果在vue文件中直接引入svg的话会导致vue文件过长，不友好。想要在组件中使用的时候使用下面的方式来引入svg ```vue // svg-name的值就是svg图片的名称 ``` # 步骤 1. 在`components`下创建`SvgIcon.vu ......
elementplus-Cascader 组件vue3 实现省市区级联动态加载
背景： 省市区级联是三张sql表，需要实现动态加载 因为我只需要三级 leaf 标记为>=2就好了 <el-cascader :props="props" /> const props: CascaderProps = { lazy: true, async lazyLoad(node, resol ......
vue 错误
npm ERR! Conflicting peer dependency: vue@3.3.4npm ERR! node_modules/vuenpm ERR! peer vue@"^3.2.0" from @element-plus/icons-vue@2.1.0npm ERR! node_mod ......
vue npm install报错
PS I:\Vue3+ts+e-plus后台管理\vue3-ts-element-plus-master\vue3-ts-element-plus-master> npm installnpm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolve ......
P3376 【模板】网络最大流
本来不想写的，可是板子都记不住，所以写一下加深印象QAQ [传送门](https://www.luogu.com.cn/problem/P3376) 考虑$Dinic$算法 $1$、$bfs$找增广路，当从$i$点可以到达$j$点且该条路还有流量时且$j$点以前没有到达过时，使$dep_j=dep_ ......
P5787 二分图 /【模板】线段树分治
[传送门](https://www.luogu.com.cn/problem/P5787) 分析： $1$、**并查集判断二分图：** 定义$2n$个点，染成黑白两色，代表两个不同的集合，$a_1$与$a_{1+n}$为不同的颜色，以此类推，对于$a_i$和$a_j$的连边，判断$a_i$和$a_j ......
VSCODE工具 VUE代码格式化插件及配置
1.安装插件 1.1 Prettier 它通过解析代码并使用自己的规则重新打印它，并考虑最大行长来强制执行一致的样式，并在必要时包装代码。如今，它已成为解决所有代码格式问题的优选方案；支持 JavaScript、Flow、 TypeScript、 CSS、 SCSS、 Less、 JSX、 Vue、 ......
nginx部署vue项目报404问题
解决刷新路由404问题 这是因为我的vue项目是采用了history路由模式，又因为vue是单页面应用，一旦切换路由之后，之前的页面就会不存在，然后你再刷新回到之前的页面就会出现404了。（个人理解） 解决的方法： 将路由模式修改为hash模式（不建议，hash模式#太丑） 修改nginx配置 lo ......
vue项目axios请求 解决跨域问题
前端 添加vue.config.js文件 【【4k小白到全栈】进阶课好看登录页面Vue3+Ts+Pinia+Axios+Vue Rouyer+SpringBoot2.7+Mybatis Plus前后端分离】https://www.bilibili.com/video/BV1x14y1Z74z?p=2 ......
暂告一段落的vue学习以及uniapp的开始
最近学习了VUE并且参照其他开源项目做了一个大致的框架，只余部分还需要改成自己的东西， 但是这个要到一段落了，开始了小程序项目之旅， 首先还是到uniapp官网查看官方资料 当然了，还是要从vue3的部分开始学起 跟着官方视频做了一个试例，感觉还不错，很简单 然后项目正式开始了~~ 终于开始了客户项 ......
vue+element根据表单中选项切换，更改表单验证规则
表单：<el-form-item label="周期间隔（天）" prop="periodSpace" v-if="isServicePeriod"> <el-input v-model="form.periodSpace" type="number" placeholder="请输入周期间隔（天） ......
字体大小自动适应DIV--亲自测试有效-tomcat
<!DOCTYPE html> <html> <head> <title>phone 设计</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> </head> <body> <div style= ......
vue 使用Adsense错误：TagError: adsbygoogle.push() error: All ins elements in the DOM with class=adsbygoogle already have ads in them.
<div class="adsenseunit"> <!-- in-article-aquare2 --> <ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-3935005489954231" data-ad ......
77.MySQL中如何查看一个事务的大小
比如要查看：SET @@SESSION.GTID_NEXT= '43e4cdae-2fa1-11ee-9049-000c29318629:2886' 这个事务的大小，可以通过binbog日志进行查看 root@mysqldb 20:40: [(none)]> pager grep 'Gtid\|CO ......
vue后台使用富文本插件的问题（vue-quill-editor）
1、之前用的wangeditor富文本插件，使用是灰常方便了，但问题多多，插入视频出现问题，有些图片回显也有问题，不显示什么的 然后在网上又找了个vue-quill-editor，图片回显什么的是没问题了，就是有点难用，下面来配置一下，记录如何使用vue-quill-editor的插入超链接、图片、 ......
vue和springboot前后联调
devServer: { port: 7000, proxy: { '/': { target: 'http://localhost:8080/', changeOrigin: true } } } 上面是vue配置，这个配置就可以跨域，你访问http://localhost:7000/转为访问ht ......
vue3中组件,api的自动导入
vue3中ref,reactive等api和自定义组件等每个页面都要引入很麻烦，偷懒是人的天性，故引入自动导入插件，以此记录： 1.vue3的api自动导入 使用前： <script setup lang="ts"> import { ref, onMounted } from 'vue' cons ......
Vue2.0中使用bpmn-js
使用bpmn-js在网页中绘制流程图 1. 新建vue项目, 输入命令 安装bpmn-js npm install bpmn-js --save 2. 在src/main.js中引入css样式 //css样式 import 'bpmn-js/dist/assets/diagram-js.css' i ......
vue-ref
在Vue中一般很少会用到直接操作DOM，但不可避免有时候需要用到，这时我们可以通过ref和$refs这两个来实现，本文我们就来详细的介绍下这个内容 ref ref 被用来给元素或子组件注册引用信息， 引用信息将会注册在父组件的 $refs 对象上， 如果是在普通的DOM元素上使用，引用指向的就是 D ......
vue-插槽 slot
插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。 实际上，一个slot最核心的两个概念这里就点出来了，是显不显示和怎样显示 “占坑”，在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容就会自动填坑（替换组件模板中<slot>位置），当插槽 ......
提bug模板
sandbox/staging Reproduce steps: sign in to the account page open security page click the "delete card" link to open the "delete NFC card" modal Click ......
vue-computed
使用场景和方法： 1、当数据A的逻辑很复杂时，把A这个数据写在计算属性中。 2、在computed中定义一个函数（看起来是一个函数，其实是一个属性） 3、通过选项computed：{计算属性a:值}。带有返回值return的函数。 特点： 监听值未在data中定义，以return返回值形式； 计算属 ......