图标element vue3 plus
基于Vue3搭建ChantGPT前后端端源码及搭建教程-官方接口
ChantGPT很多，网上很多说的ChantGPT搭建及源码都是假的，无法使用的，自己研究了好几天，搞定了基于Vue3搭建ChantGPT前后端端源码及搭建教程，现在分享出来，有喜欢的朋友自行下载搭建，用的是openAPI官方接口和key。 搭建好的ChantGPT主要可以实现多聊天窗口，聊天记录导 ......
Ubuntu桌面顶端没有网络图标
1 问题描述 刚装完新的linux系统后发现桌面顶部没有出现网络连接图标，网络无法进行连接配置。 2 解决方案 打开终端执行命令 nmcli network on或者sudo nmcli network on，执行完命令后桌面顶部的网络连接图标出现，此时就可以对网络进行连接配置了。 ......
Ubuntu桌面顶端没有网络图标
1 问题描述 刚装完新的linux系统后发现桌面顶部没有出现网络连接图标，网络无法进行连接配置。 2 解决方案 打开终端执行命令 nmcli network on或者sudo nmcli network on，执行完命令后桌面顶部的网络连接图标出现，此时就可以对网络进行连接配置了。 ......
[转]使用vs将应用程序打包成安装包，并设置图标、卸载程序等
一、添加Microsoft Visual Studio Installer Projects 工具-》扩展和更新–》联机–》搜索 Microsoft Visual Studio Installer Projects 下载完成后后安装，他会提醒你关闭vs,然后继续安装。等待安装好（这个过程可能有点长） ......
在ExtJS使用 fontawesome 图标
更新记录 2023年3月1日 从笔记迁移到博客。 转载请注明出处：https://www.cnblogs.com/cqpanda/p/17169162.html ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html 引入css包文件 <l ......
VUE3刷新页面报错：Uncaught SyntaxError: Unexpected token ‘＜‘
今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改vue.config.js文件： publicPath:"/", 注意不是： 登录后复制 publicPath:". ......
如何设置Vue3 + Vite + Tailwind + Typescript 的6个简单步骤
Vite Vue3 Vue Router4 Typescript Pinia Tailwind CSS Fonts & Icons - (As needed) 第一步 npm create vite@latest vue3 和 Typescript 在设置vite时候会被选择为选项 1.1 项目名字 ......
vite 如何使用 element-ui
vue2 vite 如何使用 element-ui 项目版本如下 { "dependencies": { "element-ui": "^2.15.13", "vue": "^2.7.7" }, "devDependencies": { "@vitejs/plugin-legacy": "^2.0. ......
Vue3
Vue3.0 Devtools6.5.0 开发者工具下载和安装 1、官网地址下载： GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications. 2、下载安装 ①找到其main下的T ......
vue3 移动端 实现树形结构 tree
实现效果： ) 版本号： 1、需求是支持全选功能，网上找了许多 这里做个记录 这里使用的是vue-virtual-tree 感觉作者写的很详细 可以跳转查看 git地址 2、使用方法 （1）npm i @ysx-libs/vue-virtual-tree （2）main.js中引入 import ' ......
vue3+ts的toRef和toRefs用法
<template> <div> <h2>toRefs的使用</h2> <h3>姓名:{{ obj.name }}</h3> <h3>年龄:{{ obj.age }}</h3> <hr /> <h3>姓名:{{ name }}</h3> <h3>年龄:{{ age }}</h3> </div> </ ......
Element UI中的.babelrc的位置及替换内容解析
Element UI中的.babelrc的位置及替换内容解析 路径：[自定义的文件名]\node_modules\babel-plugin-dynamic-import-node\.babelrc 然后把以下内容： { "presets": [ "airbnb" ], "plugins": [ "a ......
一统天下 flutter - widget Chip 类: Chip - Chip（背景上有文字，文字左边有图标，文字右边有删除按钮）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget Chip 类: Chip - Chip（背景上有文字，文字左边有图标，文字右边有删除按钮） 示例如下: lib\widget\c ......
element-ui table 组件的表头加tips 提示信息的方法
需求：表格有一列是显示比重，用户想知道这个比重数据的计算公式，需要再表头加一个小图标，鼠标放在图标上，显示计算公式。 分析：该需求的实现方式有两种，我们说一个比较简单的，且没有样式问题的。 实现： <el-table-column prop="fundRatio" align="center"> < ......
vue3中如何通过遍历传入组件名称动态创建多个component 组件
背景 在 vue3 中，如果使用 component，可以动态加载一个组件，例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来，但是如果将需要展示的自定义组件放在一个数组中，遍历展示，则无法展示成功。 <!- ......
从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载
使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
element中el-secect下拉框乱飞不在自己位置上
使用element写后台的时候，经常遇到要写下拉框，有时候需要连续好几个弹框，就会导致下拉框内容乱飞 为此亲测以下方法可以修改这个问题 <el-select v-model="subject" placeholder="请选择专业" :popper-append-to-body='false'> < ......
为 Linux 下 .AppImage 运行文件快速生成桌面和任务栏图标 .sh 文件
I had a friend make an install sh file: It seems to work well and I get an icon added to my ubuntu left app shortcut bar. Here it is below. I will del ......
Vue3中KeepAlive的使用
我们在开发一个功能是，经常会遇到从一个列表页面，点击列表项跳转到详情页面的需求，理想的情况下，从详情页面返回到列表页，应该回到跳转前的状态，可以继续浏览其他内容；但是在没做任何处理的情况下，返回列表页后，列表页会被刷新，回到初始的状态，这就与我们的预设不符；为了实现这样的需求，我们需要使用keep- ......
Ubuntu 下关于 IDEA 或应用程序图标在 Dock 栏下显示异常的问题
解决逻辑步骤： 检查应用程序的桌面文件配置 在 /usr/share/applications/ 目录下检查应用程序的桌面文件路径是否正确。 如果路径不正确，可以尝试修改桌面文件中的 Exec 属性和 Icon 属性，以确保路径正确。 当你确保自己配置没有问题时，继续下述解决思路 查看启动该程序时， ......
在基于vue-next-admin的Vue3+TypeScript前端项目中，为了使用方便全局挂载的对象接口
在基于vue-next-admin 的 Vue3+TypeScript 前端项目中，可以整合自己的 .NET 后端，前端操作一些功能的时候，为了使用方便全局挂载的对象接口，以便能够快速处理一些特殊的操作，如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......
vue的从0到1 p4—— vue2改vue3
背景：由于配置公司的vue2项目，什么东西都用不了很烦，我就重新卸载了vue2.9.6，参考文档：https://blog.csdn.net/qq_48736958/article/details/111405591 步骤： 1、卸载原有的版本，首先打开cmd，查看现有的vue版本 $ vue -- ......
Vue3 学习记录
VUE3 学习记录 模板语法 绑定文本值 <p>Using text interpolation: {{ rawHtml }}</p> <p>Using v-html directive: <span v-html="rawHtml"></span></p> 绑定 Attribute <div v- ......
vue3+vite+ts：使用@符号，找不到模块
报错问题 情况说明：在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......
Vue3 点击复制功能，利用vue-clipboard3
首先安装插件 vue-clipboard3 npm install vue-clipboard3 --save 然后在页面里面引入 <button class="btn" @click="copy()">点击复制</button> 建议用buttn标签，因为别的标签可能会失效 <script set ......
element ui form 表单提交加防抖有延迟解决方案
防抖当加在element ui from 的表单提交校验内时 点击还是可以多次执行 校验是有延迟的 如果在if(valid) {} 的结果里面写防抖 总是有延迟的 把他挪到表单校验前 就好了 ......
retrofit-plus是一款基于retrofit2实现的轻量级httpClient客户端工具
因为其简单与出色的性能，Retrofit 是安卓上最流行的HTTP Client库之一。 不过它的缺点是在Retrofit 1.x中没有直接取消正在进行中任务的方法。如果你想做这件事必须手动杀死，而这并不好实现。 Square几年前曾许诺这个功能将在Retrofit 2.0实现，但是几年过去了仍然没 ......
vue3+ts ckplayer播放监控视频
1、第一步下载ckplayer，然后把ckplayer复制到项目中public文件夹下 2、index.html引用ckplayer.js <script type="text/javascript" src="/ckplayer/ckplayer.min.js" charset="UTF-8" d ......
Vue3学习笔记 —— 状态管理、Vuex、Pinia （未完结）
优秀文章分享：vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理？ 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例： <!-- 视图 --> <template>{{ count }}</t ......
Mybatis-Plus总结
mybatis-plus mybatis-plus主键id生成使用的是雪花算法所以会比较长，使用bigint类型（在实体中是long类型） MySQL驱动8就用：driver-class-name: com.mysql.cj.jdbc.Driver MySQL驱动8需要加时区连接地址URL MySQ ......