一起学Vue 第36页

vue2 使用高德地图

import{getStation}from'@/api/photovoltaic'exportdefault{name:'MapContainer',data(){return{map:null,mapMarker:{station:[],stationIsShow:true},kanbanData:{userInfo:[]}}},watch:{map(val){console.log('地图变

一个前端不会用git·2024-02-20 09:59

vue2 引用高德地图

https://lbs.amap.com进去后按照提示注册登陆1.点击左侧应用管理-我的应用2.点击右上角创建新应用给新创建的应用添加key提交后就有key和密钥两个重要的东西（项目需要）3.在项目的根目录里cmdnpm方式输入命令行：npmi@amap/amap-jsapi-loader--save4.在main.js全局引入importAMapLoaderfrom"@amap/amap-jsa

没有铲屎官的汪·2024-02-20 09:59

vue2项目中引入高德地图--1 简单应用

首先我们需要进入到高德地图的官方网站申请一个key和密钥，创建一个项目--首页|高德控制台2.安装高德地图的包--npmi@amap/amap-jsapi-loader--save3.新建一个放地图的vue

zhangnian-张张张·2024-02-20 09:28

Vue2中使用高德地图（Loader ）

1.需求：根据输入的地址，地图显示地址的位置；2.准备工作2.1注册高德开放平台账户，并完成认证根据具体实际情况，完成个人开发或者企业开发认证。高德开放平台https://console.amap.com/2.2在应用管理---我的应用中添加key注意：服务平台选择web端（JSAPI）2.3参考文档路径高德开发参考文档路径https://lbs.amap.com/api/javascript-a

Smart_11·2024-02-20 09:58

Vue2项目使用高德地图

目录一、账号准备1.注册账号2.获取key二、快速上手1.安装2.创建地图3.点标记4.海量点标记5.简易行政区图6.GeoJSON三、绑定事件总结一、账号准备1.注册账号首先，注册开发者账号，成为高德开放平台开发者https://console.amap.com/dev/index2.获取key登录高德开放平台后，进入左侧边栏应用管理-我的应用，右上角创建新应用，应用名称与应用类型任意填写选择添

蜻蜓队长2068·2024-02-20 09:28

vue小记——this

原生和Vue中使用this的这几个坑你都知道吗？-掘金(juejin.cn)在JavaScript中，this是一个特殊的关键字，它在函数被调用时自动定义。

松果猿·2024-02-20 09:58

Vue组件之间的传递通信

Vue组件之间的通信可以通过多种方式实现，包括但不限于以下几种：一、父子组件通信1.父组件向子组件传递数据：使用props传递数据在Vue中，父组件可以通过props向子组件传递数据。

松果猿·2024-02-20 09:27

【Vue】自定义指令

个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳自定义指令之前的v-htmlv-modelv-for等都是内置指令自定义指令：自己定义的指令，可以封装一些dom操作，扩展额外功能需求：当页面加载时

五敷有你·2024-02-20 09:56

MySQL系列之索引入门（下）

一、创建索引首先，我们一起学习索引是如何创建的，又有哪些方式。

ZHOU西口·2024-02-20 09:56

vue2+高德地图web端开发（二）

高德地图API(amap.com)输入提示-输入提示-示例中心-JSAPI2.0示例|高德地图API(amap.com)创建输入框：引入Element组件库：关于引入element可以看我的这篇文章：Vue

松果猿·2024-02-20 09:25

2018-11-05

十三卦同人,找到志同道合的人一起学习,十四卦大有,有人了就能一起来做事业。有了人就有了一切。人走了，什么都没有了。文化产业刚刚起步,未来三十年是中国文化复苏,走向全世界的阶段同。

冰冰_489d·2024-02-20 09:06

vue2 导入使用vue-codemirror详解

目录vue2导入使用vue-codemirror详解1介绍2安装使用2.1安装vue-codemirror2.2使用codemirror2.2.1引入3配置详情3.1语言模式配置3.2自动高度设置3.4

Saga Two·2024-02-20 09:53

vue router-view报错解决

目录1报错内容2解决方案2.1检查版本2.1正确引入使用vue-router组件1报错内容我们在使用router-view组件的时候会遇到如下报错：报错内容如下：[Vuewarn]:Unknowncustomelement

Saga Two·2024-02-20 09:23

vue2 vue-router引入使用详解

vue2vue-router使用详解1介绍2VueRouter的使用2.1安装2.2项目引入使用2.2.1创建路由文件2.2.2main.ts引入2.2.3App.vue配置2.2.4整体目录结构2.4

Saga Two·2024-02-20 08:53

vscode使用快捷键一键生成vue默认的初始结构

1.打开vsCode打开路径：文件-->首选项-->用户代码片段-->vue.json注意：这里的vue.json是一般系统默认的名字显示。

vicky_yongqi·2024-02-20 08:19

【VSCode】设置一键生成vue模板的快捷入口

解决办法文件=>首选项=>用户代码片段=>vue.json配置vue模板其中prefix是用来触发代码段的内容，即模版的快捷入口；body里配置的就是模板内容，我这里使用的是vue3的模板；description

只会CV只会CV只会CV·2024-02-20 08:47

基于python+django+vue.js开发的健身房管理系统

功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。功能包括：教练管理、会员管理、场地管理、设备管理、用户管理、日志管理、系统信息模块。

山东好汉Tim·2024-02-20 08:17

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十二章常用工具函数 (Utils配置)

前言在项目开发中，我们经常会使用一些工具函数，也经常会用到例如loadsh等工具库，但是这些工具库的体积往往比较大，如果项目本身已经引入了这些工具库，那么我们就没有必要再引入一次，所以我们需要自己封装一些工具函数，来简化我们的开发。一、通用类工具函数在src/utils目录下创建tools文件夹，用于存放通用类工具函数文件。在tools文件下创建index.ts文件import{ElMessage

SmallTeddy·2024-02-20 08:46

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十一章基础界面开发 (组件封装和使用)

前言Vue是前端开发中非常常见的一种框架，它的易用性和灵活性使得它成为了很多开发者的首选。

SmallTeddy·2024-02-20 08:45

Vue3警告：Write operation failed: computed value is readonly

前因：利用vuex存放公共属性，并在组件中利用computed赋值调用锁定问题来源：（这里使用setup语法糖，js语法）letisVisible=computed(()=>store.state.daiLog.isVisible

ydcgye_·2024-02-20 08:06

vue3之fix: [Vue warn]: Write operation failed: computed value is readonly.

透明度{{`${slideVal}%`}}import{useStore}from'vuex';import{computed}from'@vue/reactivity';exportdefault{name

c_reshape·2024-02-20 08:03

VUE复习笔记19（混入）

混入基础混入(mixins)是一种分发vue组件可复用功能中一种特别灵活的方式。混入对象可以包含任意的选项，所有混入对象的选项将被混入该组件本身的选项。

XKolento·2024-02-20 08:36

使用computed___v_isReadonly 与 computed

在Vue3reactive函数出现了target.__v_isReadonly这是什么意思呢？

weixin_39608300·2024-02-20 08:30

VUE 3.0源码之computed

_computed实现计算属性，然后调用recordInstanceBoundEffect记录当前的effect，方便当组件卸载时清除import{computedas_computed}from'@vue

soooyoung·2024-02-20 08:28

Write operation failed: computed value is readonly问题解决

源代码：//封装倒计时逻辑函数import{computed,ref}from'vue'importdayjsfrom'dayjs'exportconstuseCountDown=()=>{//1.响应式数据

Ian1025·2024-02-20 08:47

vuex 是什么？怎么使用？哪种功能场景使用它？

Vuex是Vue.js的状态管理库。它可以用来管理应用程序中的共享状态，并提供了一种集中式的方式来管理状态的变化。

我爱学习yq·2024-02-20 08:11

vuex 有哪几种属性？

Vuex有以下几种属性：state：用于存储应用程序的状态数据。state:{count:0}getters：用于从状态数据中派生出新的数据。

我爱学习yq·2024-02-20 08:11

手写一个Vue的简单双向绑定实例！

一.首先说明一下Vue的双向绑定原理是什么！

一浅小屋和你·2024-02-20 08:24

【Vue3】路由传参的几种方式

letstr="田本初"2.接收与使用//接收import{useRoute}from"vue-router"constroute=useRoute

田本初·2024-02-20 07:25

WEBPACK和ROLLUP构建前端工具库

vue-cli，基于webpack，vue-cli脚手架工具可以快速初始化一个vue应用，它也可以初始化一个构建库。

ejinxian·2024-02-20 07:52

新窗口打开vue项目中的静态pdf文件，并做权限控制

问题：公司系统做安全测试，其中一个问题是没有登录的情况下，直接访问“项目地址/operate.pdf”此地址，会展示pdf文件。描述：点击系统内的一个按钮会打开新窗口展示系统操作手册（operate.pdf）文件，以下为原本的代码，原来将pdf文件放在public文件夹下（“项目地址/operate.pdf”就是访问的public文件夹下的pdf文件）解决：删除public文件夹下的pdf文件，将

包子脸呀·2024-02-20 07:51

vue项目中下载静态资源里的pdf文件

1.把文件放在项目目录src/assets文件下2.在项目是用a标签下载以上项目运行会报错Failedtocompile../src/assets/download.pdf1:0Moduleparsefailed:Unexpectedtoken(1:0)Youmayneedanappropriateloadertohandlethisfiletype,currentlynoloadersareco

加油小吃货·2024-02-20 07:46

【删除数组用delete和Vue.delete有什么区别】

删除数组用delete和Vue.delete有什么区别？在JavaScript中，delete和Vue.js中的Vue.delete是两个完全不同的概念，它们在删除数组元素时的作用和效果也有所不同。

Zzexi·2024-02-20 07:32

本地vue项目的本地调试，同一个局域网下如何让其他人也可以访问我的本地项目

本地vue项目的本地调试，如何让其他人也可以访问我的本地项目（同一个局域网下）要让其他人在同一个局域网下访问你的本地Vue项目，你可以通过以下步骤进行设置：启动Vue项目：首先，确保你的Vue项目已经启动并且在本地运行

Zzexi·2024-02-20 07:02

企业为什么负债能让高管更规矩？

前面两节，我们一起学习过“信号理论”和“机制设计”两个原理，从本质上讲，它们解决的都是“事前”的信息不对称问题，这个“事前”就是指签约前。

搬砖人1314·2024-02-20 07:06

Error: error:0308010C:digital envelope routines::unsupported

vue项目，npmrundev的时候出现：Error:error:0308010C:digitalenveloperoutines::unsupported这个是node的版本问题。

探索者丶·2024-02-20 07:57

vue3 生命周期

2.如何监听组件的不同时刻vue框架为组件内置了不同时刻的生命周期函数，生命周期函数会伴随着组件的运行而自动调用。

咸鱼不咸_123·2024-02-20 07:02

充实的一天

今天有幸与众多兄弟姐妹们相聚在静思家堂一起学习，一起成长。

a7f8b020d61a·2024-02-20 07:30

Element UI组件的安装及使用

ElementUI是一个基于Vue的桌面端组件库，由饿了么团队开发。它提供了许多封装好的组件，方便开发者快速开发页面。

数字化信息化智能化解决方案·2024-02-20 07:03

js图片url反转file文件 vue

场景由于项目需求，需要将图片url转成文件格式上传到服务器参考博客：图片url转file封装jstransferFile.jsfunctionsetInitImg(url,callback){letimg=url;//这里是淘宝上随便找的一张图片let_=thisletimgResgetBase64(img,(dataURL)=>{imgRes=dataURLtoFile(dataURL,img)

一路向北qaq·2024-02-20 06:54

Vue3 学习笔记（Day1）

「写在前面」本文为尚硅谷禹神Vue3教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。

Tiger Z·2024-02-20 06:22

unplugin-vue-components解决命名冲突

我们在vue项目中通常会利用unplugin-vue-components插件进行自定义组件的自动引入注：如果不知道怎么配置unplugin-vue-components插件，欢迎看我整理的这篇：vue3

菜鸟茜·2024-02-20 06:21

vue解决缩小浏览器后倒计时不准确的问题

使用webworker首先安装一下worker-loadernpmi-Dworker-loader其次在vue.config.js里配置一下worker-loadermodule.exports=defineConfig

啊森森啊·2024-02-20 06:21

vue封装el-table表格组件

先上效果图：本文包含了具名插槽、作用域插槽、jsx语法三种：Render.vue（很重要，必须有）:exportdefault{name:"FreeRender",functional:true,props

_处女座程序员的日常·2024-02-20 06:19

VUE3 中导入Visio 图形

微软的Visio是一个功能强大的图形设计工具，它能够绘制流程图，P&ID，UML类图等工程设计中常用的图形。它要比其它图形设计软件要简单许多。以后我的博文中将更多地使用VISO来绘制图形。之前我一直使用的是corelDraw。Visio已经在工程设计中得到广泛的应用。本博客讨论如何将Visio设计的SVG导入webHMI。目的与方法我的目标是使用Visio绘制石化行业的工艺和仪表流程图（P&ID）

姚家湾·2024-02-20 06:43

vue学习笔记

通常，使用VueCLI（Vue的命令行工具）来创建Vue.js项目会自动生成package.json文件。如果你没有使用VueCLI或者其他类似工具，那么可能需要手动创建这个文件。

北京理工大学软件工程·2024-02-20 06:42

前端页面点击刷新-触发vue生命周期加载最新数据

需求背景：layout布局，页面头部通过定时器获取后端消息的伪消息通知功能，在点击消息时获取所有消息总数并且刷新页面，以便触发vue的生命周期重新获取所有消息，消息展示在content中。

三月的一天·2024-02-20 06:01

pc端vue封装高德地图实现定位 PlaceSearch搜索

首先安装@amap/amap-jsapi-loader官网教程mapContainer.vueimport{onMounted,onUnmounted,getCurrentInstance,ref,inject

KAGHQ·2024-02-20 06:24

尚医通 (十五) --------- 平台管理前端搭建

医院设置管理1.项目开发流程2.分页查询3.删除4.axios响应拦截器5.批量删除6.锁定与取消锁定7.添加医院设置8.显示医院设置9.更新医院设置10.组件重用问题一、管理前端平台搭建A、项目名称解压vue-admin-template-master.zip

在森林中麋了鹿·2024-02-20 05:55

基于Vue-element-admin实现动态路由

阅读目录Vue实现动态路由简单的角色路由设置复杂的路由权限设置（后端动态返回路由数据）1.Vue实现动态路由通常我们在vue项目中都是前端配置好路由的，但在一些项目中我们可能会遇到权限控制，这样我们就涉及到动态路由的设置了动态路由设置一般有两种

荣~博客·2024-02-20 05:25

推荐频道

一起学Vue