
前端
文章平均质量分 50
可爱的秋秋啊
这个作者很懒,什么都没留下…
展开
-
前端点击预览图片:Viewer.js 使用方法
Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能,同时,这款优秀的插件配置操作起来也非常的方便。Viewer.js分为2个版本,js版本和jquery版本,下载地址分别为jQuery 版本:GitHub - fengyuanchen/jquery-viewer: A jQuery plugin wrapper for Viewer.js.原创 2024-08-21 10:48:01 · 2110 阅读 · 0 评论 -
Vue组件中引入jQuery
若每一个组件中都去使用jquery,必须在每个组件中写:import $ from 'jquery';比较麻烦,所以使用全局变量。修改根目录下.eslintrc.js 文件的env 节点,为env添加一个键值对 jquery: true 就可以了。我们想在哪个组件中使用jQuery库,首先要使用如下命令引入jquery,然后就可以正常使用了。你会发现成功使用jQuery获取到了DOM;不需要再import 引用 jQuery 了,可以 直接使用$了,将jQuer的文件导入到项目中,然后直接使用。原创 2024-03-13 14:43:48 · 884 阅读 · 0 评论 -
Naive UI框架安装和引入使用
一个 Vue 3 组件库比较完整,主题可调,使用 TypeScript,注意,naive-ui 仅支持 Vue3。原创 2024-03-13 14:07:36 · 1693 阅读 · 0 评论 -
vue项目中刷新页面的方法
注意:这种方法也需要使用Vue Router,并且需要在main.js中引入router实例。这种方法的原理是先跳转到一个特定的路径,再返回上一个页面,从而达到刷新页面的目的。注意:这种方法需要使用Vue Router,并且需要在main.js中引入router实例。以上是一些常见的刷新页面的方法,在不同的场景下可以选择适合的方法使用。原创 2024-01-04 12:59:53 · 1023 阅读 · 1 评论 -
element ui组件 el-input只能数据整数,且设置不能小于0大于10
第一个属性:type=“number” input的原生属性,标明input框的类型第二个属性: step=“0.5” input的原生属性,type=“number” 时生效, 标明输入字段的合法数字间隔(假如 step=“0.5”,则合法数字应该是 -0.5、0、0.5、1,以此类推)第三个属性: min=“0” max=“10” min 属性规定输入字段所允许的最小值。max 属性规定输入字段所允许的最大值。min 属性与 max 属性配合使用,可创建合法值范围。原创 2024-01-31 16:21:35 · 3525 阅读 · 0 评论 -
vue3 slot的定义与使用
插槽(Slot)是 vue 为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间,为用户预留的内容的占位符。原创 2024-01-29 13:46:37 · 2440 阅读 · 0 评论 -
element ui组件 el-date-picker设置default-time的默认时间
default-time :选择日期后的默认时间值。如未指定则默认时间值为00:00:00。原创 2024-01-29 10:48:52 · 7534 阅读 · 0 评论 -
Vue 3,element table表格动态添加
el-table实现表格动态新增/插入/删除表格行,可编辑单元格。原创 2024-01-15 15:08:15 · 1701 阅读 · 0 评论 -
vue3中,vue-echarts基本使用(柱状图、饼图、折线图)
注意:vue-echarts在使用前要先安装echarts,不要只安装vue-echarts这一个echarts官网地址:Apache ECharts,一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。安装vue-echarts注意:Vue 2下使用,必须还要安装main.js中全局注册组件。原创 2024-01-12 16:03:42 · 23883 阅读 · 0 评论 -
vue3中el-table实现表格合计行
标签上加属性 show-summary :summary-method=“getSummary”原创 2024-01-08 16:43:42 · 1881 阅读 · 0 评论 -
vue3中el-table实现多表头并表格合并行或列
【代码】vue3中el-table实现多表头并表格合并行或列。原创 2025-01-07 16:27:04 · 3762 阅读 · 0 评论 -
vue3 前端导出excel表格
【代码】vue3 前端表格导出excel(不调用接口)原创 2024-01-04 10:18:37 · 3283 阅读 · 0 评论 -
vue3轮播图
【代码】vue3轮播图。原创 2024-01-04 10:16:30 · 664 阅读 · 1 评论 -
Vue3.0 页面路由跳转的方式
Vue3.0 页面路由跳转的几种 方式原创 2023-12-29 15:28:14 · 7435 阅读 · 1 评论 -
Git 的基本概念和使用方式
Git 是一个分布式版本控制系统,用于跟踪项目文件的历史变化和合作开发。以下是 Git 的仓库(Repository):Git 使用仓库来存储项目文件和历史版本。仓库可以是本地仓库或远程仓库。提交(Commit):当你修改文件并确认这些修改是有意义的时,你可以使用 Git commit 命令将修改提交到本地仓库。分支(Branch):你可以创建不同的分支来并行开发和测试不同的功能。分支可以合并到主分支上。合并(Merge):当你完成开发并测试完一个分支后,你可以将该分支合并到主分支上。原创 2023-11-27 16:43:43 · 425 阅读 · 1 评论 -
Vue3 -vite打包
你可以在 Node.js 官网 https://nodejs.org/ 下载最新版本的 Node.js 安装包。你可以在 Node.js 官网 https://nodejs.org/ 下载最新版本的 Node.js 安装包。此时你就可以在浏览器中访问 http://localhost:3000 来查看你的 Vue 3 项目了。此时你就可以在浏览器中访问 http://localhost:3000 来查看你的 Vue 3 项目了。以上就是在 Vite 中搭建 Vue 3 项目的步骤,希望对你有帮助!原创 2023-09-20 13:50:16 · 836 阅读 · 1 评论 -
Vue3快速上手
什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。原创 2023-11-29 10:12:11 · 839 阅读 · 1 评论