vue-tree-chart首页：https://github.com/tower1229/Vue-Tree-Chart安装npm i vue-tree-chart --save使用<TreeChart :json="treeData" />import TreeChart from "vue-tree-chart";export default {components: {TreeC

vue3实现上下无缝滚动效果

效果如下图所示。通过点击左侧的选项可以在右侧的表格展示对应选项包含的数据。页面代码如下：<template><div style="display: flex;"><a-card style="width: 20%;"><a-table:data-source="data":columns="columns1":customRow="Rowclick"&g

我们看官方文档的Calendar组件是通过switch来将数据渲染到每日的格子上的，可是我却发现这个渲染会使得每个月的同一天都会出现这种情况，case：1则每个月的1日都会有数据渲染上去。那么我就想通过导入一个数组就可以实现每日的格子数据渲染，那么我们就得了解Calendar渲染到每个日期格子的原理。首先它是通过v-for遍历到每个日期格子的。<li v-for="item in getLi

首先需要定义一个存储筛选结果的数组，还有筛选内容的变量。此处用的是typescriptconst resolveArr = ref<any>([])const searchValue = ref<string>('');定义筛选的方法，假设我们要筛选的数据源为dataSource数组对象// 假设数据源dataSource = [{name: 'aa',detail: 'd

首先引用useRoute，然后用route获取，剩下的想要取什么看自己需求import { useRoute } from 'vue-router'const route = useRoute()console.log(route)

如上图所示，自定义封装了一个vue的边框组件，代码如下，具体的样式可以自己调整，当前案例支持传入宽度、高度、最小高度、标题。<template><div :style="{ width: width, height: height, minHeight: minHeight }" class="box"><div class="box-content"><

基于vue3+vite的项目实现导出带有样式的excel表格，框架用的是vben，我的版本为“xlsx”: “^0.16.9”,“xlsx-style”: “^0.8.13”“file-saver”: “^2.0.5”,

当我们使用ant-design-vue组件时，想要设置主题样式，想引用ant-design-vue/dist/antd.less，可是出现如下报错。./node_modules/ant-design-vue/dist/antd.less (./node_modules/css-loader/dist/cjs.js??ref–10-oneOf-3-1!./node_modules/postcss-l

基于vue3+vite的项目实现导出带有样式的excel表格，框架用的是vben，我的版本为“xlsx”: “^0.16.9”,“xlsx-style”: “^0.8.13”“file-saver”: “^2.0.5”,