vue svg
Vue通用下拉树组件@riophae/vue-treeselect的使用
vue-treeselect是一款下拉树通用组件。@riophae/vue-treeselect 是一个基于 Vue.js 的树形选择器组件，可以用于选择树形结构的数据。它支持多选、搜索、异步加载等功能，可以自定义选项的样式和模板。该组件易于使用和扩展，适用于各种类型的项目。 npm：https:/ ......
uniapp+vue3+ts 使用pinia报错
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../no ......
vues全局使用WebSocket 多次吊起
// import { showInfoMsg, showErrorMsg } from '@/utils/popInfo' // import ElementUI from 'element-ui'; import { Toast } from 'vant'; function initWebSo ......
vue+element项目中统一处理接口异常，只提示一次异常信息
有时候一个页面会同时调多个接口，但是多个接口异常，需要做提示，那么提示的时候会弹出很多的提示信息，这无疑让体验感降低很多。 所以针对这种情况，我们配合element UI统一做一个异常状态的处理，只能显示一次提示的功能，后续代码调接口的时候 也可以省略去写异常状态下的逻辑了。首先新建一个文件 mes ......
vue组件详细解释
vue组件 含义 根据封装的思想，把页面上可重用的UI结构封装为组件，从而方便项目开发维护。 vue中的组件化开发（形式） 规定：组件的后缀名为.vue，App.vue本质就是一个vue的组件。 3个组成部分 每个.vue组件都由三个组成部分构成 template：组件的模版结构 script：组件 ......
vue+docxtemplater，填充word模板
安装依赖 yarn add docxtemplater yarn add pizzip yarn add jszip-utils yarn add file-saver // 模板解析插件（支持list循环直接使用$index,使用if判断语法） yarn add angular-expressio ......
利用svg结合html实现时间轴上下斜着展示子节点的类似思维导图
 主要利用基于svg的d3.js这个数据可视化的库实现的 ## 实现思路 #### 1.首先画出中间的时间 ......
vue怎么在单独的js文件内使用props的function函数传出点击事件
## 说明 在vue2的子组件内我想实现在子组件引入的js文件内传出点击事件 主要是就是把props传进去,因为props传入function时，函数中this自动绑定Vue实例 触发点击以后再传出来 ## 实现 子组件 ```js props: { OneNodeClick: { required ......
vue.config + postcss-pxtorem 安装与包装的问题
https://juejin.cn/post/7088133930674552868 不要写在 vue.config.js 里边，直接写在 postcss.config.js 里边即可。 pnpm i postcss-pxtorem module.exports = { plugins: { aut ......
vue开场动画2
<!-- 加载中动画 --> <style> .app-loading-box { position: fixed; display: flex; justify-content: space-around; align-items: center; width: 100vw; height: 10 ......
vue出现样式问题，竖线样式为正常展示
预期样式效果： 但是有时候是这样的： 有时候又是好的，奇奇怪怪得bug，经过查看debugger,发现是代码逻辑出现了问题。 本来finally里面得东西是放在请求外面的，请求时异步得，先执行了下面finally里面的逻辑，导致后执行得请求返回来的函数，接收不到变量的变化就gg了，刚开始这里用的还是 ......
如何创建和发布Vue组件库
入门 npm create vite@latest我通过运行和命名我的项目来开始该项目，brian-component-lib以与我之前的帖子保持一致。当出现这些选项时，我还选择使用 TypeScript 和 Vue。 （VueJs教程：https://www.java567.com/search. ......
vue中向docx模板填充数据并下载以及docx文件预览
一、向docx模板填充数据并下载 1.安装对应依赖 cnpm install docxtemplater pizzip --save-dev cnpm install jszip-utils --save cnpm install jszip --save cnpm install file-sav ......
vue报<% if (process.env.NODE_ENV === 'production') { %> <% }else { %> <% } %>
由于系统重装，运行项目，后台报node-sass@4.13.1 postinstall: `node scripts/build.js` 页面报 大概率node-sass有问题 ``` 1、卸载： npm uninstall node-sass 2、安装： npm install node-sass ......
vue基础用法-体验vue调试工具和数据驱动视图
  2.进入发布文件 ![](https ......
HTML 全屏水印 vue 全屏水印
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>水印</title> <style> #water-div{pointer-events:none;position:fixed;top:0;left:0;right:0;bott ......
「AntV」Vue3与TS框架下使用L7
## 1. 引言 Vue是常用的前端框架，TypeScript（简称TS） 是 JavaScript 的超集，可以提高代码的可维护性和可读性 本文基于Vite、Vue3和TypeScript搭建L7开发环境并示例 ## 2. 环境安装 这里使用Vue 官方的项目脚手架工具创建Vue开发环境（其他方式 ......
vue3-element-plus DatePicker type=week 设置从周一到周日展示
main.js import ElementPlus from 'element-plus' import zhCn from 'element-plus/dist/locale/zh-cn.mjs' app.use(ElementPlus, { locale: zhCn, }).mount('#a ......
第六篇 - 将spring boot项目和vue项目关联起来
前两节分别创建了spring boot项目和vue项目，现在将前后端关联起来 一、调整后端API 参考链接：https://wenku.csdn.net/answer/d49ae1ebbbaa7fe6f09e2f637a9379d6 将springboot项目的server.port=8081，vu ......
vue事件基本使用总结
vue事件的基本使用： 1、使用v-on:xxx或@xxx绑定事件，其中xxx是事件名 2、事件的回调需要配置咋methods对象中，最终会挂载在vue实例对象上 3、methods中配置的函数，不要用箭头函数，否则this就不会只想vue实例了 4、methods中配置的函数，都是被Vue所管理的 ......
vue-pdf相应报错
[vue-pdf相应报错及解决](https://blog.csdn.net/m0_55969466/article/details/126033955) [vue中pdf预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决]( ......
vue开场动画
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="web ......