- 博客(12)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3 父组件向子组件传递参数
父组件<template> <div> <provideAndInject /> </div></template><script>import { provide } from "@vue/composition-api"; // 父组件引入 provideimport provideAndInject from "./components/provideAndInject"; // 引入子组件
2021-12-14 14:59:51
1281
原创 Vue中监听窗口关闭事件，并在窗口关闭前发送请求
mounted() { window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) window.addEventListener('unload', e => this.unloadHandler(e)) }, destroyed() { window.removeEventListener('beforeunload', e => this.bef...
2021-11-16 15:29:06
422
原创 实现Web项目多个页面之间互相通信(web多屏通信) lsbridge.js
在npm 上下载npm ilsbridge其实要实现web多屏通信很简单，github上有一个叫做lsbridge的项目，使用其中的lsbridge.js即可以实现多屏传输数据，而且很简单很方便。但是要求要在同一个浏览器内vue 项目可以在没有联系的两个组件互相传递参数，只要两个页面共用一个node_modules就可以发送页面 ：lsbridge.send('my-namespace', {message: 'Hello world!'}); //使用lsbridge.send()函数..
2021-11-12 15:58:35
1072
原创 vue打包后部署到nginx,跨域问题解决
1、目的：vue+springboot开放的同学，使用nginx代理，实现前后台分离部署2、问题：vue打包后的静态页面和文件直接由nginx代理访问没有问题，但是请求接口时是请求不到的。3、解决方案：a)配置nginx:server { listen 80; server_name localhost location / { root D:/static; #vue工程打包后的文件路径 ...
2021-10-08 20:25:31
784
原创 video 视频播放标签 动态添加src 路径 不播放
因为是播放外网的视频，后台在返回的路径没有加http//:应该添加完整的路径 ：http//:192.168.102.9090/spwk/.....
2021-10-08 11:53:37
704
原创 vue3 动态路由跳转页面并携带参数
1.组件1import {useRouter} from "vue-router";const router = useRouter();//跳转页面携带参数let obj = { name : "张三"}router.push ({ path:"/user", query:{ para: JSON.stringify(obj)}})；2.组件2 接收参数im...
2021-10-07 17:31:02
2387
2
原创 vue3 子组件向父组件传递参数
1. 在父组件<div> <JCQB @href = 'tz'></JCQB></div>const tz = (e)=>{console.log(e) //子组件传递过来的参数}2. 子组件内setup(props,{emit}){let aa = "张三" emit('tz',aa )}子向父传递参数需要以触发事件的形式传递，子组件通过emit 父组件通过事...
2021-10-07 17:15:30
440
原创 flex 布局 几个子div平分父div的高度
1. 父div.fu { display:flex; flex-direction:column;}2.子div.zi1 { flex: 0 0 auto;}.zi2 { flex-grow: 1 ;}
2021-10-07 16:56:40
1335
原创 vue3单点登录 路由导航守卫
在router文件夹里面的index.js 添加挂载路由导航守卫router.beforeEach((to) =>{ if(to.path =='/Main') { return true;} const token = window.sessionStorage.getItem('token'); if(!token) { return "Main"...
2021-10-07 11:27:11
853
原创 vue3切换子组件显示
const routes = [{ path: "/", name: "Main" component: "Main" children:[ { path:"/", component: searchPage}{ ...
2021-10-07 11:04:24
668
原创 vue3 跳转页面
1.import {useRouter} from "vue-router";2. const router = useRouter();3.router.push("/aa");前提在路由里面先配置好该组件
2021-09-30 15:11:10
5305
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人