Vue.js论坛 今日: 0|主题: 240|排名: 13 

vxe-table 如何自定义排序图标按钮，自定义排序 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 使用表头排序按钮插槽 sort 来自定义模板 <template> <div> <vxe-grid ref="gridRef" v-bind="gridOptions"> <template #name ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 em + PostCSS插件 使用PostCSS插件将项目中的px单位自动转换为rem，搭配JS动态设置根字体大小（监听window.resize）。 vite配置 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import pxtorem from 'postcss-pxtorem' // https://vite.dev/co ...

vxe-table 树形表格显示连接线的方式 完整连接线 通过 tree-config.showLine 来启用是否显示连接线 <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </template> <script setup> import { reactive } from 'vue' const gridOptions = reactive({ showOverflow: true, border: 'outer', ...

如何使用 vxe-table 展开行实现展开子表父子表格 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table <template> <div> <vxe-grid v-bind="gridOptions"> <template #expand_content="{ row }"> <div class="expand-wrappe ...

一、说明 这个我是为了放在博客的标题部分作为背景图，上下滚动的时候比较好看。 原理就是通过几张透明的png进行叠加，然后在上下滚动时，外层png移动的快，内层png移动得慢来实现视差效果。 先放一张示意图： 这里实际的距离X和Y在观察者看来是一样的，原因是距离观察者的距离Z不一样导致的。 再放一张视差标题背景的3 ...

如果使用 vxe-table 实现全键盘操作，按键切换复选框单选框的选中状态，当遇到特点需求，比如需要通过按键来选中复选框或单选框时，该功能就非常有用了。 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 效果 代码 通过设置 keyboard-confi ...

解决用electron打包Vue工程(Vite)报错electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED Background: 生产环境通过 Electron 直接加载本地文件系统中的静态资源 注：node后的状态码不重要 明明前端工程可以运行，后端连接也没问题，为什么打包完成后总是连不上网址？ 网上常规的排错思路： • ...

介绍 我没有找到VitePress的Github角标的插件，所以做了后面的嵌入流程，方案是在主题布局中直接引入。如果不知道这两个项目的同学可以看看介绍部分 github-corner 可以在页面的四角显示Github角标，可以自定义大小、背景颜色。当鼠标移动到这个角标时还能看到Github摇尾巴的动画 官网地址: https://tholman.com/github-cor ...

👾 Pixelium Design：Vue3 的像素风 UI 组件库 Pixelium Design 是一个基于 Vue 3 的像素风 UI 组件库。我们从早期像素游戏的经典美学中汲取灵感，为现代 Web 应用带来复古风格的界面和体验。该项目的初衷是为开发者提供一系列可复用、高效能的像素风组件，让项目中轻松实现独特的视觉风格。 如果你对这个项目感兴趣，欢迎 ...

大家好，我是 Java陈序员。 在日产生活中，常常需要各种小工具来解决日常遇到的问题，比如图片处理、文本转换、编程开发等。 快速搭建！一个轻量的在线工具箱！ 8.7K+ Star！快速搭建个人在线工具箱 今天，给大家推荐一个集成了多种实用功能的轻量工具集合网站，无论是日常办公、学习还是娱乐，都能在这里找到合适的工具。 ...

vue 下拉框 vxe-select 实现人员选择下拉列表 使用自定义选项插槽的方式，可以灵活的实现各种类型的下拉选择 官网：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 需要注意当每一行高度超多默认高度时，必须要设置 option-config.height 来自定义选项 ...

在实际业务中，主从表的情况也是很常见的，如订单和订单明细，报价单和报价单明细，工艺和工艺路线，进货单和进货单明细等等，很常见的处理类型。 主从表一般涉及两个以上的表，一个是主表，其他的是从表的，在实际情况下，一般包含两个表较多，我们这里以两个表的主从表关系进行分析处理。本篇随笔介绍基于Vue3+ElementPlu ...

大家好，我是 Java陈序员。 你是否还在为搭建中后台管理系统从零开始编写代码而烦恼吗？ 今天给大家推荐一款开源免费且功能强大的中后台管理系统模板，兼容移动端！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 vue-pure-admin —— 一款开源免费且开箱即用 ...

vxe-table 实现列头筛选自定义插槽模板，自定义输入框筛选数据 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 代码 通过自定义插槽模板 floatingFilter 实现，可以同时自定义弹出筛选面板和浮动筛选的自定义模板，非常灵活实现自定义组件 ...

如何用 vxe-table 实现列头筛选，在每一列下方增加一个筛选单元格，可以对数据直接进行渲染，记得需要最新版本才支持 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 效果 代码 通过 floating-filter-config.enabled 来启用浮动筛选,再对指 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言：判断是不是微信内，是微信内就用jsApi支付(屏蔽支付宝)，不是微信内就用H5支付 此实例为vue2实例，需要vue3的宝子可以自行转换，流程上没啥区别 var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { this.sh ...

大家好，我是 Java陈序员。 前段时间西贝罗永浩事件闹得沸沸扬扬，西贝的做法可谓是激起广大网友的不满。 想不到的是，这场争论的最后赢家居然是老乡鸡。与西贝相反的是，老乡鸡预制菜完全公开透明，不遮遮掩掩，而且价格十分亲民。 与此相对应的，最近在 Github 有个项目 —— CookLikeHOC（像老乡鸡那样做饭），十分爆火 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 一 维护模板 1 打印模板： <template>  <div class="print-content">    <div v-for="item in data.detailList" :key="item.id" class="label-item">      <!-- 顶部价格区域 - 最醒目 -->      <div class="pric ...

vxe-tree-select 树形下拉框当使用懒加载数据时如何回显 当使用懒加载或者当某个选项被删除时，显示自定义回显；比如使用懒加载树列表，由于数据未被加载，这时候已选的数据就不能被回显，导致显示了 value值，而不是 label。 还有一种场景就是组织架构人员选择，当选择某个人员后，可能人员变动离职，数据被删掉了，这个时 ...

vxe-table 如何在单元格内容渲染成可点击复制的文本 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 通过 cellRender.name='VxeText'，设置参数 clickToCopy=true 就可以开启文本复制功能，点击复制回会自动将文本复制到剪贴板 <template ...