vue svg
C#/VB.NET:快速而简单的免费SVG到PDF转换技巧
在日常工作中，我们常常需要将SVG转换为PDF格式。这是因为SVG格式的图像在打印时可能会出现问题，例如失去分辨率或无法正确适应纸张大小。与此相比，PDF格式则专门用于打印和共享文档，可以确保高质量输出，并且能够自动适应不同的纸张大小。在本文中，我们将介绍如何使用编程方式将SVG文件转换为PDF，并... ......
vue3使用ClipboardJS插件的方式
建个工具类，以进行不同地方的调用复用。 调用方式,options参数的使用看自个的需求。 html调用方式 ```html 复制我 ``` vue组件调用方式 ```vue 复制我 ``` 工具类 ```js import ClipboardJS from 'clipboard' import { ......
vue学习记录 5
昨天看到侧边导航栏的位置就下班了，现在继续看。 文件位置 src/layout/components/NavBar.vue 但是没有getters，还是没找准位置。同目录下的子组件也没有。佬也记不清当初怎么写的了。 参考之前路由里面给layout重定向到dashboard，会不会这个侧边栏也通过类似 ......
结合vue自定义指令实现元素拖拽
vue自定义指令：https://v2.cn.vuejs.org/v2/guide/custom-directive.html 1、在main.js注册全局自定义指令 Vue.directive('drag', { // 当被绑定的元素插入到 DOM 中时…… inserted: function ......
Vue2 移动端 ui库 MintUI
MintUI MintUI是饿了么团队开发的基于移动端的vue组件库。用于搭建移动端界面。 http://mint-ui.github.io/docs/#/zh-cn2 Vant组件库也是基于移动端的vue组件库（有赞团队）。 https://vant-contrib.gitee.io/vant/v ......
Vue常用的组件库有哪些
Vue官网：https://v2.cn.vuejs.org/ Vue常用的组件库： 一、移动端 常用组件库 1. Vant ui --有赞移动 UI 组件库，支持 Vue 3 微信小程序，支付宝小程序\ Github: github.com/youzan/vant 2. Cube UI -- 滴滴出 ......
Vue3 设置全局变量
# 方式一： - main.js 设置全局变量 ``` import api from '@/api' app.config.globalProperties.$api = api ``` - 使用全局变量，使用 getCurrentInstance 方法。 ``` // ctx.$api 就是全局 ......
vue技术点归纳
1.vue是什么？ vue是一套构建用户界面的渐进式框架，核心库只关注视图层。vue和react相同点： 1.都使用 virtual DOM; 2.提供了响应式(reactive); 3.组件化(composable)的视图组件； 4.都支持native方案； 5.都支持SSR服务端渲染； 6.都支 ......
关于vue2路由跳转问题记录
1. vue 路由间跳转和新开窗口的方式（query， params） 路由间跳转配置： query方式：参数会在url中显示 this.$router.push({ path: '路由地址', query: { msg: 'hello world' } }) params方式：传参数据不会在导航栏 ......
vue+vant实现浮动导航栏点击定位到模块，且选中效果随滚动切换
1.主页面中导入浮动导航栏（使用vant的粘性布局sticky组件，使首屏下方的导航栏随页面滚动浮动在想要的位置）： <template> <div class="app-container"> <!-- 浮动导航 --> <van-sticky style=" z-index: 1; positi ......
记录vue 3 、Element Plus 框架可进行开发的可选导入语句
Vue 3 框架中有许多可选的导入语句，用于在开发过程中使用不同的功能和特性。以下是一些常见的 Vue 3 可选导入语句示例： ref、reactive、toRefs：用于创建响应式数据和处理数据的函数。 computed：用于创建计算属性的函数。 watch：用于监听数据变化的函数。 nextTi ......
vue中使用mqtt实现实时通信
## 简介 MQTT（Message Queuing Telemetry Transport，消息队列遥测传输协议），是一种基于发布/订阅（publish/subscribe）模式的"轻量级"通讯协议，是 TCP/IP 的再封装，由 IBM 在 1999 年发布。MQTT 最大优点在于，地开销，少流 ......
module vue has no exported member h vetur 2614
一、尝试了 引入h函数，怎么都是失败 二、 最后是在函数里面，使用 const h = this.$createElement 得到方法 三、 ......
vue 组件定位插件 webpack-code-inspector-plugin -- 强烈推荐
# 作用 alt + shift + 鼠标左键 自动跳转 vscode项目的组件代码 # 项目地址 https://github.com/zh-lx/code-inspector/blob/main/packages/webpack-plugin/README.md # 使用方法 ``` npm i ......
前端vue单个文件上传支持图片，压缩包以及文件 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066
#### 前端vue单个文件上传支持图片，压缩包以及文件 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066 #### 效果图如下： { let obj = {} for(let i in v){ if(obj[v[i]]){ return true } obj[v[i]] = true } return false }, 以上就是 直播平台怎么搭建 ......
vue+html2canvas生成寄几想要的海报
需求： 点击弹出一个弹窗，其中是某个作品内容的海报，需要呈现作品的内容+二维码 思路： 获取作品内容渲染到弹窗中，生成包含分享链接的二维码，将整个界面转为图片，用户可以长按保存，并扫描识别。 方案及步骤： 1.引入html2canvas实现生成图片的功能 npm install --save htm ......
vue中this.$refs获取不到组件元素的解决办法
vue中this.$refs获取不到组件元素的解决办法 http://www.allyns.cn/info/162 当我们在vue开发中遇到使用this.$refs报错获取不到组件元素时。 <template> <div class="dataQueryEventGraphDialog"> <hg- ......
Vue el-date-picker 日期组件的使用，需要初始化时间，初始化时间时候，注意 日期月份 补0
Vue el-date-picker 日期组件的使用 需要初始化时间，初始化时间时候，注意 日期月份 补0 https://www.cnblogs.com/zhoushuang0426/p/10606863.html 一:显示年月 <el-date-picker v-model="selectMon ......
封装前端svg组件
## 前言： SVG（Scalable Vector Graphics）是一种基于 XML 的矢量图形格式，它可以在网页上展示高质量的图像，并且可以无损缩放。在前端开发中，SVG 图片被广泛用于创建图标、图形和动画效果。此篇文章将讲述在前端vue项目中封装svg组件，使其svg简单使用。 ## 1. ......
由于nvm踩坑而引发的‘vue‘不是系统内部或外部命令
首先可以检查一下nvm中你使用的node版本号里的node_global中是否有vue.cmd文件 如果有的话，这位博主的文应该会对你有所帮助：nvm中, vue不是内部或外部命令_诸葛韩信的博客-CSDN博客 如果没有，按以下步骤走 步骤： 1、检查环境变量 【注意：以下修改操作每次完成后都要记得 ......
vue-element-admin 上传图片慢问题处理
vue-element-admin自带上传图片组件，在使用的过程中发现上传速度很慢，尤其是上传一些大图需要耗时几十秒不能忍受。出现这种情况，是因为upload组件会将图片上传到action="https://httpbin.org/post" ，并返回转换成base64编码格式的数据。 格式类似： ......
vue在线预览pdf、word、xls、ppt等office文件
perview(row){ const typeArr = ['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'] let arr=row.url.split('.') let fileType=arr[arr.length-1] let url = '' if ......
vue之computed
## 对Vue computed的理解 ### 一、什么是computed Vue的computed属性是一种计算属性，它的值是根据其他属性计算而来的。Vue会自动追踪computed属性所依赖的属性，并在这些属性发生变化时重新计算computed属性的值。 computed属性的实现原理是使用了V ......
vue的自定义指令
自定义指令 含义 vue官方提供了v-text,v-bind,v-for,v-model,v-if等常用指令，除此之外vue还允许开发者自定义指令。 自定义指令分为两类： 私有自定义指令 全局自定义指令 注意事项 自定义指令使用时需要添加 v- 前缀 指令名如果是多个单词，要使用 kebab-cas ......
html使用script 引入vue.js文件
使用script引入vue.js的方法： 1、使用<script> 标签直接引入本地vue.js文件 首先使用在 Vue.js 的官网上直接下载 vue.js文件到本地 下载地址：https://vuejs.org/js/vue.min.js 然后用 <script> 标签引入本地的vue.js文件 ......
Ant Design Vue 按需导入与 UnoCSS 样式冲突
## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入，组件上写的 UnoCSS 样式会被覆盖，无法生效。 圆角 10px 不生效:  ``` assets文件夹：存放项目中用到的静态资源文件，例如：css样式表、图片资源 compone ......
vue中使用vue-particles动态粒子蜘蛛网背景
**vue-particles是什么？** 它是一款可以动态生成点和线的插件，然后线条可以自己动，还能与用户鼠标事件产生互动。 插件的github官网地址：https://gitcode.net/mirrors/creotip/vue-particles?utm_source=csdn_github ......