![](https://img-blog.csdnimg.cn/direct/354fcdd28d07445aa5ff37874c33764c.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vuejs
Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。
Stitch_xiao
热爱只增不减
展开
-
vue接入高德地图获取经纬度
根据指引注册成为高德开放平台开发者,并申请 web 平台(JS API)的 key 和安全密钥;地图组件代码:(只将经纬度传给父组件,因为form表单还有与地图无关的数据,所以没放到组件中)新建地图组件 MapContainer.vue 并引入 amap-jsapi-loader。记录一下,虽然简单,但是每次用到都要重新梳理流程,过程很烦躁。:MapContainer组件只将经纬度和地址传到父组件。:在html引入安全密钥(获取经纬度用,不然会报错)按 NPM 方式安装使用 Loader。原创 2023-10-10 19:00:00 · 1434 阅读 · 1 评论 -
vue中使用window.open打开assets文件夹下的pdf文件
需求:系统有个操作手册,点击会在浏览器新开个窗口并打开pdf文件。这个pdf文件存储在本地assets文件夹中。页面中打开:(我实在初始化的时候就打开文件,没用按钮)引入图中红框中的代码。原创 2023-08-30 12:00:55 · 1718 阅读 · 0 评论 -
vue中实现将html导出为word/excel
需求:将页面整成理想样式,将想要的那一部分页面导出成word,不用写模板,按照当前页面样式导出即可。第四步:获取dom节点myContainer并导出(我写的行内样式)第二步:给到处那部分的容器起个id名。第三步:在需要的地方引入依赖。第一步:安装需要的依赖。原创 2023-06-22 04:30:00 · 5222 阅读 · 15 评论 -
vue-element-admin刷新侧边栏数据丢失
解决vue-element-admin刷新侧边栏丢失原创 2023-06-02 11:26:29 · 977 阅读 · 0 评论 -
vue3笔记
2020年9月18日,Vue.js发布3.0版本,代号: One Piece (海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags:什么是hook?本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码,让setup中的逻辑更清楚易懂。作用:船舰一个自定义的ref,并对其依赖项跟踪和更新触发显示控制。实现防抖效果原创 2023-03-17 14:45:13 · 337 阅读 · 0 评论 -
Chrome 浏览器安装Vue2、Vue3插件方法 (详细有效)
https://blog.csdn.net/qq_50497708/article/details/128261618转载 2023-02-10 11:10:12 · 387 阅读 · 0 评论 -
el-table居中-序号-透明背景色等
将表格的背景色变成透明色://一定要写在最外面!!!!/*最外层透明*/important;}/* 表格内背景颜色 */important;border: 0;//去除表格}1.el-table修改表头样式:通过绑定header-cell-style属性进行实现原创 2022-11-24 14:00:54 · 507 阅读 · 0 评论 -
vue中运行项目自动打开浏览器失败
vue中运行项目自动打开浏览器失败原创 2022-11-05 13:46:59 · 734 阅读 · 0 评论 -
uni-app中实现echarts图表
uni-app中实现echarts图表原创 2022-11-03 16:24:26 · 1908 阅读 · 2 评论 -
web端实现导出数据为excel
代码://前端请求格式 exportLiveRecords: (data, responseType) => request({ url: '/kst-management/record/exportRecords', method: 'post', data, responseType }),//导出方法exportLiveRecords(){ let data = {liveCode:this.liveCode, shareCode: this.shar原创 2022-05-09 14:31:16 · 935 阅读 · 2 评论 -
Vue修饰符分类
1、事件修饰符在事件处理程序中调用event.preventDefault()或event.stopPropagation()是非常常见的需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。为了解决这个问题,Vue.js 为v-on提供了事件修饰符。之前提过,修饰符是由点开头的指令后缀来表示的。 .stop .prevent .capture .self .once .pa...转载 2022-03-08 11:03:22 · 113 阅读 · 0 评论 -
史上最全 Vue 前端代码风格指南
这篇文章是在公众号JS每日一题里抄过来的,觉得有用,收藏在这里一、命名规范市面上常用的命名规范: camelCase(小驼峰式命名法 —— 首字母小写) PascalCase(大驼峰式命名法 —— 首字母大写) kebab-case(短横线连接式) Snake(下划线连接式) 1.1 项目文件命名1.1.1 项目名全部采用小写方式, 以短横线分隔。例:my-project-name。1.1.2 目录名参照项目命名规则,有复数结构时,要采用复数命转载 2022-03-03 17:17:34 · 701 阅读 · 0 评论 -
同级组件传值eventBus
在common文件夹中新建event-bus文件,文件内容如下:event-bus.jsimport Vue from 'vue'export const EventBus = new Vue()然后在main.js中初始化EventBusVue.prototype.$EventBus = new Vue()operate组件(传值组件)://引入文件EventBus.jsimport {EventBus} from "@/common/event-bus.js"expo原创 2022-03-01 10:06:53 · 525 阅读 · 0 评论 -
vue-cli编译浏览器自动打开
package.json文件夹下面找到serve命令,在后面加上 --open"serve": "vue-cli-service serve --open",原创 2022-03-01 09:18:44 · 580 阅读 · 0 评论