vue页面间传参
rout-link标签跳转携带参数<template> <div id="app"> <!-- 不带参数 --> <div><router-link :to="/">首页</router-link></div> <!-- 路由路径 -->
js唤起拨号功能（vue同理）
现在public下的index.html中加入这行代码<meta name="format-detection" content="telephone=yes" />然后写一个方法function call(phone) { // phone是要拨打的号码 window.location.href='tel://' + phone }效果
vue中router.addRoutes和router.addRoute的使用方法
addRoutes 传入数组const accessRoutes = await store.dispatch( "permission/generateRoutes", roles ); router.addRoutes(accessRoutes); // 动态添加可访问路由表 // 如果参数to不能找到对应的路由的话，就再执行一次beforeEach((to
Vue前端解决跨域问题
Vue 项自中 使用 vue.config.js 解决跨域问题Vue 项目一定是 cli 创建的 Vue 项目# 安装 npm install -g @vue/cli # 创建一个项目 vue create my-project1.为什么会出现跨域问题？出于浏览器的同源策略限制，同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器
elementUI的导航栏在刷新页面的时候选中状态消失的解决
首先elementUI的导航栏中的选中项的高亮显示时的字体颜色可以在属性中设置，但是高亮时的背景颜色不能设置，所以要自己修改高亮的背景颜色.el-menu-item.is-active { background-color: #00b4aa !important; }在使用elementUI构建vue项目的时候会遇到页面刷新的时候子路由会保持原来的，页面中的内容也是当前对应路由的内容，但是el
vscode无标签提示解决办法
1.打开设置2.切换源码视图3.添入以下代码"files.associations": { "*.vue": "html" },4.OK
Vue3和Vue2有什么区别
区别生命周期的变化 整体来看，变化不大，只是名字大部分需要 + on，功能上类似。使用上 Vue3 组合式 API 需要先引入；Vue2 选项 API 则可直接调用，如下所示。 // vue3 <script setup> import { onMounted } from 'vue' onMounted(() => { ... }) // 可将不同的逻辑拆开成多
带你了解Pinia和Vuex两个状态管理模式
Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。 本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现方式，那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器（实际项目中千万不要即用Vuex又
uni-app跨域问题解决方法
修改接口配置，添加判断，当开发环境时为'/'baseUrl: process.env.NODE_ENV === 'production' ? 'http://接口域名/' : '/',打开manifest.jsonCtrl+F找到## devServer ##"devServer": { "https": false, }修改成"devSe
Vue响应原理
Vue响应式指的是：组件的data发生变化，立刻触发视图的更新 。原理： Vue 采用数据劫持结合发布者-订阅者模式的方式来实现数据的响应式，在getter中收集依赖，在setter中触发依赖。即把用到该数据的地方收集起来，然后等属性发生变化时，把之前收集好的依赖循环触发一遍。vue2通过Object.defineProperty来劫持数据的setter，getter。 获取属性值会触发gette