网站如何引入流量,东莞长安网站制作,宁波随身云网络科技有限公司,html制作百度登录页面想仿着 vue-material 的 Demo Document 页面的效果写一个小例子.遇到问题的地方是:如上图红色圈出的地方#xff0c;点击 button 按钮时#xff0c;无法执行 toggle() 方法#xff0c;实现显示 Sidenav 的效果。代码如下:App.vue...// 里面主要内容就是一个路由视图..…想仿着 vue-material 的 Demo Document 页面的效果写一个小例子.遇到问题的地方是:如上图红色圈出的地方点击 button 按钮时无法执行 toggle() 方法实现显示 Sidenav 的效果。代码如下:App.vue... // 里面主要内容就是一个路由视图...MenuItems.vue: 侧边菜单栏...export default {methods: {toggleSidenavInMenuItems() {this.$refs[main-sidebar].toggle();}}}ContentPage.vue: 右侧内容容器(包括 toolbar 和 content)Toggle按钮export default {methods: {toggleSidenavInContentPage() {// TODO: 这里该怎么写,去执行在 MenuItems 中的 toggle..方法}}}IntroductionPage.vue: 使用ContentPage模板的例子...问题就是上述代码中 TODO 那里该怎么去定义 toggleSidenavInContentPage() 方法回答用$emit和$on用$emit发送$on接收具体参见链接可以在App.vue里import Vue from vueEventnew Vue()//然后在组件里通过Event.$emit发送Event.$on接收或者新建一个event.jsimport Vue from vueexport var Event new Vue()在要传递的组件里import { event } from event.jsEvent.$emit......你可以这样写看看在ContentPage.vue中import ContentPage from ContentPagevar content ContentPage//在这个地方赋值一下export default {methods: {toggleSidenavInContentPage() {// TODO: 这里该怎么写,去执行在 MenuItems 中的 toggle..方法content.methods.toggleSidenavInMenuItems();//这个地方掉用一下}}}这样就可以调用了vuex大法好点击的时候改变state某一个状态另外一个页面去computed这个变量检测到变化就去调用方法。
