vue
关注
分享
扫一扫
文章平均质量分 54
Web-jxc
这个作者很懒，什么都没留下…
展开
-
vue不同环境，请求不同环境的接口。
vue开发-不同环境请求不同接口1、介绍2、.env文件3、创建.env文件3.1在项目根目录创建以下文件3.2 .env.development内容：3.3 .env.test内容：3.2 .env.production内容：4、修改启动命令，加载不同的.env文件。4.1 打开package.json文件4.2 在scripts下进行修改5、获取环境变量1、介绍开发过程中，根据项目要求，后台部署了三个环境的接口，分别是：开发环境（开发时请求）、测试环境（部署测试环境请求）、生产环境（部署到线上环境原创 2021-03-31 11:17:38 · 1414 阅读 · 0 评论 -
Uncaught (in promise) Error: Redirected when going from “/login“ to “/home“ via a navigation guard.
vue踩坑：vue路由守卫，控制台一直报错：Uncaught (in promise) Error: Redirected when going from “/login” to “/home” via a navigation guard.由于项目需要登录，所以需要每次判断token是否为登录状态，所以使用了路由守卫。在没有登录的情况下，跳转首页的时候，虽然被拦截了，但是控制台出现了一条报错（标题为报错内容），看看了文档发现了问题。一、原因：主要因为路由一直被重定向，错误没有被抛出。二、解决方原创 2021-03-17 22:11:02 · 6247 阅读 · 2 评论 -
vue 组件通信之“兄弟组件之间的传值”
一、事件车1、兄弟组件之间传值要借助事件车，通过事件车的方式传递数据。2、中央事件总线(通俗讲就是：eventBus事件车)的实质就是创建一个vue实例，通过一个空的vue实例作为桥梁实现vue组件间的通信。它是实现非父子组件通信的一种解决方案。3、作用：实现非父子组件之间的数据传递。4、传递数据方，通过一个事件触发bus.$emit(方法名，传递的数据)。5、接收数据方接收数据方，通过mounted(){ bus.$on(方法名，function(接收数据的参数){ //用该组件的数据接原创 2020-12-31 15:04:19 · 5315 阅读 · 0 评论 -
vue 组件通信之“子组件向父组件传值”
vue子组件向父组件传值子组件：<template> <!-- 子组件 --> <div class="childCont"> <button @click="passData">将数据传递给父组件</button> </div></template><script>export default { data() { return { childData:原创 2020-12-08 17:40:08 · 263 阅读 · 0 评论 -
vue 父子组件通信
vue 父子组件通信一、父组件向子组件传值父组件：<template><!-- 父组件 --> <div class="parentCont"> 我是父组件下面是我的子组件 <!-- 渲染子组件 childData 子组件props接收的参数名 parnentData 父组件data中的变量名 --> <Childs :childData="parnentData"/> </div&g原创 2020-12-08 17:19:39 · 113 阅读 · 0 评论 -
在代码片段中执行sqlite语句
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script转载 2020-08-19 10:31:09 · 290 阅读 · 0 评论 -
vue 自定义指令directive 使用方法详解
自定义指令局部定义方式<!doctype html><html><head><meta charset="utf-8"><title>自定义指令(局部)</title></head><body> <div id="box"> <div class="box" v-zhilin="data"></div> </div><原创 2020-05-14 15:52:46 · 471 阅读 · 0 评论