变量vue3 vue css
Vue基础学习(第一篇Blog)
在HTML+CSS+JavaScript前端三件套后，Vue的出现就显得很有必要了 Vue是一种前端开发JS框架，它的出现使传统的面向JS中的DOM对象模型的开发效率得到了提升。Vue的核心思想是MVVM（Model-View-ViewModel）模型，这种模型使得前端的页面显示同后端数据模型相结合 ......
vue复习
vue vue是什么？ 它是一个轻量级MVVM框架 数据驱动+组件化的前端开发 Github 超过25K + 的star 熟，社区完善 Vue.js更轻量，gzip后大小只有26K；更易上手，学习曲线平稳 形成Vue渐进式框架的核心概念为：组件化，MVVM，响应式，和生命周期 vue的优缺点 优点1 ......
Vue packages version mismatch:
报错原因：vue与vue-template-compiler版本不匹配。 解决办法： 上图中说了看看使用vue-loader的版本，我的是13版本大于10.0版本，这个时候需要更新vue-template-compiler //卸载 npm uninstall vue-template-compil ......
解决vue项目中虚拟键盘弹起将页面中底部按钮上移问题
在vue中使用定位将表单中的取消，确认按钮固定在底部时，安卓手机在编辑表单内容时会将底部按钮整体往上移动，按钮出现在虚拟键盘上面，此时可以通过监听虚拟键盘的弹起与收起来控制键盘的显示与隐藏，以解决按钮显示在虚拟键盘之上的问题， 没有时间赘述， 附上转载链接： https://blog.csdn.ne ......
vue eslint 报错 error “Component name “*****“ should always be multi-word”，该怎么办？
出现的问题： 在 vue-cli 创建的项目中，创建文件并命名后，会报 “Component name "*****" should always be multi-word” 报错； 报错截图示例如下： Component name "******" should always be multi- ......
Vite + Vue3 + Element-Plus
搭建 Vite 项目 注意 Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。 使用 NPM: npm create vite@latest 使用 Yarn: yarn cr ......
解决Vue中el-select第二次选择选项时才会显示上一个选项的响应结果
今天在写一个选择器的时候出现一个问题 这个功能需求是：通过选择器选择不同的选项，点击查询按钮发送请求，并将响应结果放到一个div中用v-if控制是否显示。 看似简单的一个功能，却出现一个很搞笑的bug。在我选择一个选项点击查询，本应该显示结果的div没有显示出来，而在选择一个其他选项，不需要点击查询 ......
vue 项目加水印---canvas画图法
搬运 蛙蛙 大佬的文章（做了写自己的补充） 文章链接：https://segmentfault.com/a/1190000022055867，怕以后找不到了 一：创建watermark.js文件 /** 水印添加方法 */ let setWatermark = (str1, str2) => { l ......
vue图片预览（ 放大 缩小 旋转 鼠标拖动）
* 此组件是图片是默认展开的 里面是操作的功能  代码如下 ` {{ title }} {{ currentInd ......
安装vue3+vite报错
报错：‘D:\Program‘ 不是内部或外部命令，也不是可运行的程序； 我已经配置过环境变量，发现是node 安装目录 D:\Program Files\nodejs ，中间有空格导致，只能改变nodejs位置 1.把nodejs整个剪切出来放在d盘根目录下面 2.修改node的全局环境 npm ......
vs code 出现html js css 注释不正常
vue 地方使用了 `` 注释，这是正常的，但是 css 部分也是使用 `` 注释，css 应该使用 `//` 或 `/* */` 注释，这里错了。 多次检查扩展，发现是扩展的问题，卸载 [vue](https://marketplace.visualstudio.com/items?itemNam ......
14 CSS列表属性和display属性
##### 14 列表属性和display属性 1. 列表属性 CSS中提供了一些列表属性可以用来： (1)、设置不同的列表项标记为有序列表 (2)、设置不同的列表项标记为无序列表 (3)、设置列表项标记为图像 * list-style-type（系统提供的列表项目符号） * list-style- ......
Vue3定义全局函数和变量
定义全局函数 Vue2 和 Vue3 的区别 由于 Vue3 没有 Prototype 属性，所以需要在 main.ts 文件里使用 app.config.globalProperties 去定义全局函数和变量 Vue2： // 之前 (Vue 2.x) Vue.prototype.$http = ......
vue3 使用swiper实现轮播图（两边小中间放大效果轮播图）
先引入swiper ，我直接引入的最新的包是10.2.0 pnpm add swiper yarn add swiper 在vue页面引入 <script setup> import { Swiper, SwiperSlide } from 'swiper/vue'; import { Autopl ......
jmeter提取token并且设置为全局变量（可跨线程）
1、新建http请求，填写登录参数 登录接口返回 2、根据返回数据类型，获取返回值 （这里登录接口返回的是json类型） 3、添加BeanShell后置处理程序，将token设置为全局变量 ${__setProperty(customer_token,${customer_token},)}; 4、 ......
Vue项目原本原本http请求变成了https
Vue项目http请求变更为https处理方式在index.html中添加如下代码 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">如果向去去掉s就注释 <meta http-equiv=" ......
vue3 使用 router 进行跳转备忘
1.在画面中添加子画面，使用 el-menu 菜单进行跳转，只更新子画面 a.首先在配置 router 路径的 js 文件中配置画面的路径，子画面的路径要在父画面的 children 下面 在父节点下设置 redirect 属性，打开父画面时会默认打开相应子画面，否则子画面默认显示为空白 b.在画面 ......
直播平台软件开发，vue-全局过滤器时间
直播平台软件开发，vue-全局过滤器时间 步骤一：处理数据 export const formatYmd = (date) => { let time = new Date(date) let y = time.getFullYear() let m = time.getMonth() + 1 le ......
vue3 使用vuex以及数据持久化
/* * @Author: Caixia.Gao * @LastEditors: Caixia.Gao * @Date: 2023-08-23 11:28:44 * @LastEditTime: 2023-08-23 11:45:05 * @Description: */ // 引入vuex imp ......
Vue 重置data的数据为初始状态操作
在某些情况下，需要重新使用data中的数据，但是data中的数据已经被各种表单、变量等赋值，那么怎么重置data的值呢？ 1. 逐个赋值 ... data() { return { name: '', sex: '', desc: '' } } ... // 逐个赋值 this.name = '' ......
RuoYi-vue配置记录
如果这个项目能顺利运行，标志着Springboot+vue的前后端环境都配好了。 一、官方文档 若依官方文档：介绍 | RuoYi，在这个地方克隆/下载项目源代码https://gitee.com/y_project/RuoYi-Vue 解压到自己的目录下 首先根据官方文档的环境部署所说，检查一下自 ......
13 CSS 的position属性
##### 13 CSS 的position属性 就像photoshop中的图层功能会把一整张图片分层一个个图层一样，网页布局中的每一个元素也可以看成是一个个类似图层的层模型。层布局模型就是把网页中的每一个元素看成是一层一层的，然后通过定位属性position对元素进行定位摆放，最终实现网页的布局。 ......
Vue+SpringBoot项目分离部署踩坑记录
昨天花了一晚上终于成功部署了个人网站，在这个过程中踩了很多坑，现在回顾总结记录一下，以免今后继续犯错误 前端：Vue 后端：SpringBoot 数据库：Mysql 一、前端 1、前端项目采用Nginx进行部署，其中Nginx配置文件部分内容如下 nginx.conf部分内容 1 server { ......
滚动公告栏代码css
滚动公告栏是网页中常见的一种组件，可以在网页头部或者侧边显示最新的消息和活动。下面介绍如何使用CSS来实现一个滚动公告栏。 /* 定义滚动公告栏的样式 */ .news { overflow: hidden; /* 隐藏溢出部分 */ height: 30px; /* 设置高度 */ line-he ......
【算法】在vue3的ts代码中分组group聚合源数据列表
有一个IList<any>()对象列表， 示例数据为[{id:'1',fieldName:'field1',value:'1'},{id:'1',fieldName:'field2',value:'2'},{id:'2',fieldName:'field1',value:'1'},{id:'2',f ......
webman:用env配置环境变量(v1.5.7)
一，官方文档地址: https://www.workerman.net/doc/webman/components/env.html 二，安装phpdotenv插件: liuhongdi@lhdpc:/data/webman/imageadmin$ composer require vlucas/p ......
Python基础入门学习笔记 019函数：我的地盘听我的（局部变量与全局变量）
1 def discounts(price, rate): 2 final_price = price * rate 3 old_price = 88 #这里试图修改全局变量 4 print('修改后old_price的值是：', old_price) 5 return final_price 6 ......
vue-draggable跨iframe拖拽
### 环境 1. vue3 2. "vuedraggable": "^4.1.0" ### 物料区 ```vue {{ element.name }} ``` ### 预览区 ```vue {{ element.name }} ``` ### iframe ```vue ``` ......
vite +vue2 搭建
1.1 创建项目 注意：这里vite的版本采用2.8.0的,最新的版本创建后续会出现问题 npm init vite@2.8.0 后续，安装如图 创建好项目后 // 1.进入项目 cd vite-vue2 // 2.安装依赖 npm install // 3.启动项目 npm run dev 1.2 ......