Vue
分享
扫一扫
文章平均质量分 72
Vue和Element-UI实用代码和工具类分享，以及解决实际发开过程中的问题。
优惠券已抵扣
余额抵扣
还需支付
¥19.90
¥99.00
购买须知?
本专栏为图文内容，最终完结不会低于15篇文章。
订阅专栏，享有专栏所有文章阅读权限。
本专栏为虚拟商品，基于网络商品和虚拟商品的性质和特征，专栏一经购买无正当理由不予退款，不支持升级，敬请谅解。
一碗情深
博主熟悉Java、Rust、Android、Vue、uni-app等技术的开发，目标是全栈工程师。近期学习了虚幻引擎5.0、CocosCreator游戏引擎，将着力研究虚幻引擎开发游戏。
展开
-
前端组件库汇总
前端组件库汇总原创 2024-08-13 18:52:06 · 1284 阅读 · 0 评论 -
RSA验签偶现异常：Bad signature length: got 255 but was expecting 256
后端接收前端参数进行验签抛出异常：`java.security.SignatureException: Bad signature length: got 255 but was expecting 256`原创 2024-08-12 23:48:32 · 634 阅读 · 0 评论 -
Vue3 完美实现深拷贝
在 Vue3 中，仍然可以和 Vue2 使用 require('lodash').cloneDeep 类似的方式来进行深拷贝。Vue3 的模块系统和 Vue2 相比没有根本性的变化，它依然支持CommonJS的require语法（尽管在使用如Vite这样的现代前端工具时，ES模块导入import是更推荐的方式）。原创 2024-07-18 17:50:15 · 1682 阅读 · 0 评论 -
Element-UI Select组件使用value-key属性，让绑定值可以为一个对象
Element-UI Select组件使用value-key属性，让绑定值可以为一个对象原创 2024-07-10 16:21:23 · 1075 阅读 · 0 评论 -
Element-UI el-select下拉框自定义过滤选项全选
本文将介绍添加 el-button 的方式实现下拉框自定义过滤选项全选，当然也可以添加 el-option、el-checkbox 等等来实现。原创 2024-05-07 18:43:49 · 1522 阅读 · 0 评论 -
前端 判断和获取各种数据类型
在前端开发中，我们经常需要判断不同的数据类型。这些判断可以帮助我们根据不同的情况采取相应的处理方式。原创 2024-04-30 10:12:49 · 332 阅读 · 0 评论 -
前端 禁用元素检查
在开发网页时，我们经常需要对用户的操作进行限制，以保护网页的安全性和完整性。其中，屏蔽键盘按键和鼠标右键单击是常见的限制手段之一。本文将介绍如何使用JavaScript来屏蔽特定的键盘按键和鼠标右键单击。原创 2024-04-30 10:11:57 · 146 阅读 · 0 评论 -
Element-UI el-autocomplete带输入建议的输入框组件
el-autocomplete 是一个可带输入建议的输入框组件，fetch-suggestions 是一个返回输入建议的方法属性，如 querySearch(queryString, cb)，在该方法中你可以在你的输入建议数据准备好时通过 cb(data) 返回到 el-autocomplete 组件中。原创 2024-04-18 13:52:38 · 1155 阅读 · 0 评论 -
Vue 双击复制 el-table 中的信息
在开发过程中，有时候需要实现复制文本到剪贴板的功能，而 clipboard.js 是一个方便实现这一功能的库。结合 Vue 和 Element UI 的 el-table 组件，我们可以轻松实现在表格中双击复制内容的需求。原创 2024-04-01 18:54:11 · 539 阅读 · 0 评论 -
Vue 获取当前页面URL和进行页面重定向
在Vue开发中，有时候我们需要获取当前页面的URL或者进行页面重定向。本文将介绍如何使用window.location对象来获取当前页面的URL以及常用的重定向方法。原创 2024-03-28 15:29:31 · 1996 阅读 · 0 评论 -
Vue 导出前端数据报表为xlsx文件（通用组件）
导出数据报表基本上有两种形式，第一种是前端请求数据之后，后端将数据导出为文件，前端再将文件下载下来；第二种是前端请求数据之后，前端将数据保存到文件。本文将讲解第二种方法，前端请求数据之后将数据渲染到表格，再通过按钮点击保存到本地文件。原创 2024-03-06 16:33:40 · 597 阅读 · 0 评论 -
Element-UI 表格无限抖动问题及解决
Element-UI 表格无限抖动问题及解决原创 2024-01-22 10:22:30 · 1113 阅读 · 0 评论 -
Vue mixins详解
在Vue中，mixins是一种可重用的代码片段，可以在多个组件中共享。它可以包含组件的选项，如data、methods、computed等，以及生命周期钩子函数。本文将详细介绍Vue中的mixins的使用方法和特点，并与vuex和公共组件进行对比。原创 2023-12-12 10:47:32 · 416 阅读 · 0 评论 -
Element-UI 数字类型输入框
使用el-input-number组件，可以轻松限定输入类型，也可以通过添加:precision="0"属性来定义只可输入整数，比如查询ID等类型。但是这种方式似乎有点麻烦，因为它仍然允许输入其他字符，比如输入10.55，结果会变成11；输入字符，结果会变回原来的值。如果想要实现只可输入数字的值，并且无需校验等繁琐操作，下文将进行讲解。原创 2023-12-08 11:00:40 · 2047 阅读 · 0 评论 -
Element-UI 动态控制输入组件类型，定义代码组件、前端模板
在之前的内容，我们是通过代码来添加组件类型，从而定制成模板使用，缺点是每个输入框类型都需要代码定义，非常繁琐。在这基础上，我们将代码升级成通过前端选择组件类型控制其他组件的类型，在前端中模板通用，在代码中组件通用，还可以在前端模板中轻松定制更多参数模板，下文将做讲解。原创 2023-12-06 17:24:53 · 520 阅读 · 0 评论 -
Vue 文本出现空格转换为换行显示
日期和时间分别换行显示示例原创 2023-11-29 18:14:30 · 842 阅读 · 0 评论 -
CCS white-space、word-break属性详解
CSS提供了一系列属性来控制文本的显示和布局，其中之一就是white-space属性。white-space属性用于设置元素内空白字符的处理方式，可以控制空格、换行符和制表符的显示和换行行为。另外，还有word-break属性用于指定单词内的断行方式。原创 2023-11-29 18:02:06 · 341 阅读 · 0 评论 -
Vue 优雅的减少请求次数
通过阅读本篇博客，您将了解到如何使用这种方式来减少网络请求的次数，提高应用程序或网站的性能。您还将了解到这种方式的特点和优势，以及在何种情况下可以使用它。让我们开始探索这种减少请求次数的特殊方式吧！原创 2023-11-21 15:13:18 · 324 阅读 · 0 评论 -
Element-UI el-select下拉框多选实现全选
在el-select下拉框中实现多选全选的功能原创 2023-11-17 10:27:33 · 4131 阅读 · 0 评论 -
Vue rules校验规则详解
当我们在开发Vue应用时，经常需要对表单进行校验，以确保用户输入的数据符合预期。Vue提供了一个强大的校验规则机制，通过定义rules规则，可以方便地对表单进行验证，并给出相应的错误提示。原创 2023-11-16 17:28:33 · 3419 阅读 · 0 评论 -
Vue 子组件修改prop的值（子组件修改父组件的值）
子组件修改prop的值多种方式。原创 2023-07-26 09:47:58 · 793 阅读 · 0 评论 -
Vue props传参获取失败解决方法
出现这种情况的原因，因为父组件中传递的props属性是通过发生ajax请求回来的，请求的这个过程是需要时间的，但是子组件的渲染要快于ajax请求过程，所以此时created、mounted这样的只会执行一次的生命周期钩子，已经执行了，但是props还没有流进来（子组件），所以只能拿到默认值。原创 2023-07-22 18:18:59 · 1466 阅读 · 0 评论 -
Vue 复杂json数据在el-table表格中展示（el-table分割数据）
一条复杂的json数据在el-table表格该怎么做展示？json数据最外层有4个数组，也就说一个el-table-column要分割成4个数据。原创 2023-07-22 15:42:43 · 2865 阅读 · 0 评论 -
Vue 双重v-for渲染表单，再复制表单编辑之深拷贝
在复制表单之后，对表单进行修改，发现所有表单的值都同时改变，分析：表单没有进行深拷贝，而是引用的其它表单的值。原创 2023-07-20 16:21:44 · 514 阅读 · 0 评论 -
Vue 规定位数，位数不够往前/后补0
padStart、padEnd补位的参数必须是一个字符串，如果需要补全的是一个数字，需要将数字转换为字符串。原创 2023-07-20 11:18:33 · 2957 阅读 · 0 评论 -
Element-UI 实现动态增加多个不同类型的输入框并校验（双重v-for表单验证）
如果现在不想要固定格式的动态增加表单，且增加表单的类型不同，比如按钮开关、文本输入框、数字输入框，想要自由增加不同类型的表单并验证，可以参考本文。原创 2023-07-18 17:29:38 · 2972 阅读 · 0 评论 -
Vue :style表达式
style表达式原创 2023-07-12 16:38:04 · 3219 阅读 · 0 评论 -
Element-UI el-table属性row-class-name用法
可以通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class，表明该行处于某种状态。row 是当前行的一个对象，rowIndex 是第几行，起始下标为0，表示第1行。原创 2023-07-12 15:05:22 · 5122 阅读 · 0 评论 -
Element-UI 在表单通过按钮动态增加Tree树形控件
Element-UI 在表单通过按钮动态增加Tree树形控件遇到的问题。原创 2023-07-07 15:21:02 · 1600 阅读 · 0 评论 -
Element-UI 时间选择器 el-time-picker 禁用 秒 选项
时间选择器 el-time-picker 禁用 秒 选项、与日期组合。原创 2023-07-06 14:18:08 · 4729 阅读 · 0 评论 -
Element-UI 实现动态增加多个输入框并校验
在做复杂的动态表单，实现业务动态变动，比如有一条需要动态添加的el-form-item中包含了多个输入框，并实现表单验证，但在element-ui组件库中给出的表单校验中没有这样的格式，想要实现这个功能就来跟我一起学习吧。原创 2023-07-05 17:41:19 · 6246 阅读 · 2 评论 -
Element-UI 修改el-input-number计数器对齐方式
Element 修改el-input-number计数器对齐方式。原创 2023-07-04 16:09:05 · 4045 阅读 · 1 评论 -
Vue 时间格式转换
Vue多种时间转换方式原创 2023-06-29 16:04:19 · 2189 阅读 · 0 评论 -
Vue at webpackEmptyContext 错误
webpack4中动态import不支持变量方式。原创 2023-06-05 10:51:22 · 538 阅读 · 0 评论 -
Vue 比较两个Json数据的不同
Vue 比较两个Json数据的不同。原创 2023-05-31 16:14:11 · 1072 阅读 · 0 评论 -
Element-UI 格式化表单文本内容
本文效果通用于其它形式文本格式化，此处以 Element 表单为例。原创 2023-05-17 18:00:59 · 527 阅读 · 0 评论