Vue-demo
ohm_coder
前端萌新,有兴趣的可以一起学习.
展开
-
Vue-demo兄弟组件如何传值
1. 首先有两个兄弟组件2. 在scr目录下面创建 common 文件夹 再在common目录下创建 bus.js文件,具体如下然后 bus.js 的内容如下import Vue from "vue";export default new Vue;没错,只需要这些3. 传值 如何传过去?3.1 在BrotherA 组件引入 bus3.2 我们在 BrotherA 点击按钮传值过去3.3 代码如下<template> <div>.原创 2022-05-09 11:00:29 · 95 阅读 · 0 评论 -
vue-demo 给popup页面添加过渡动画效果
效果图1. 首先创建两个文件夹2. 在路由表中配置路由import Vue from 'vue'import VueRouter from 'vue-router'import Homepage from '../views/Homepage.vue' //引入Vue.use(VueRouter)const routes = [ { path: '/', redirect: "/homepage" }, { path...原创 2022-05-01 18:49:06 · 942 阅读 · 0 评论 -
Vue-demo关于子路由跳转正确不显示页面问题
原因1点击 showpopup 跳转 methods: { showPopup () { console.log(this.$route); this.$router.push('/home/popup') }, 这是我的路由表配置的子路由 (本以为是没问题)得到的却是这样的页面,我的路径也是对的问题原因原因出现在在路由表的一个小错误上因为以'/'开头的嵌套路径会被当作根路径,所以子路由上不用加'/'.原创 2022-05-01 12:06:55 · 1843 阅读 · 1 评论 -
Vue点击实现随机切换背景颜色(小demo)
<template> <div class="pageBgc" @click="changeBgc" :style="{background:colorIndex}"> <ul> <li>点我切换颜色</li> </ul> </div></template><script>export default { data() { .原创 2022-04-29 10:01:16 · 2052 阅读 · 0 评论