vue页面中某个单一界面不使用公共组件的方式

一、这是你要使用的公共组件

.

二、然后,这个path变量要事先声明好

三、给它设置一个监听

四、只要是在上面的path===的路径就不会引用公共组件啦!

有用点个赞,感谢您呦!!!

原文地址:https://www.cnblogs.com/hz-handofgod/p/11982095.html

时间: 2024-08-30 13:54:59

vue页面中某个单一界面不使用公共组件的方式的相关文章

jsp页面中include静态html出现乱码问题的解决方式

这个问题出现过两次,上次没有做好记录,今天又出现了.不过这两次的情景也不完全一致. 今天通过搜索找到这篇文章的解决方式很好,可供参考.原博客地址http://blog.csdn.net/izgnaw/article/details/6178472. 在web.xml中加入一下代码: <!-- 控制jsp:include的编码 --> <jsp-config> <jsp-property-group> <description> Special propert

基于vue以及vuex的dialog弹出框公共组件

说明:    一款dialog公共组件, 组件功能: 1. 可拖拽.放大缩小 2. 通过传入属性决定是否使用遮罩层    3. 可根据屏幕自动适应宽高,也可自动传入宽高 4. 自动适应位置相对屏幕居中 5. close关闭按钮等回调函数 详细见github地址:https://github.com/SwnCowDevil/my-dialog 原文地址:https://www.cnblogs.com/sunweinan/p/8695341.html

vue项目中遇到的那些事。

前言 有好几天没更新文章了.这段实际忙着做了一个vue的项目,从 19 天前开始,到今天刚好 20 天,独立完成. 做vue项目做这个项目一方面能为工作做一些准备,一方面也精进一下技术. 技术栈:vue2 + vuex + vue-router + webpack + ES6/7 + element-ui + vue-baidu-map + i18n + vue-awesome-swiper 做项目时总是有一些思考和踩过的坑,对以后有一定的帮助,今天就来写写做vue项目遇到的那些事. 假如你正准

Vue项目中 App.vue文件

在App.vue文件中,定义了一个id为app的div,在这个div板块中放置Helloworld组件,文件内容如下图所示: 在整个vue文件中,分为三部分内容, 第一部分是<template></template>包含的HTML页面内容 ,开发人员可以在这里设计页面展现的内容,并通过vue的一些语法加以控制, 比如v-if  .v-for  等等: 第二部分是<script></script>包含的页面逻辑的实现函数,关于这部分内容,后续会有详细的讲解,此

小程序全局状态管理,在页面中获取globalData和使用globalSetData

GitHub: https://github.com/WozHuang/mp-extend 主要目标 微信小程序官方没有提供类似vuex.redux全局状态管理的解决方案,但是在一个完整的项目中各组件的数据一致性是必须要保证,因此需要开发一个能够实现小程序全局状态管理的解决方案. 设计思路 参考omix后,我觉得其中实现全局状态管理的方式与小程序本身的写法有点差异 小程序使用setData,omix直接使用封装的this.store修改 小程序官方的示例中以app.globalData作为全局属

vue 项目中当访问路由不存在的时候默认访问404页面

前言: 在Vue项目中,当访问的页面路由不存在或错误时,页面显示为一片空白.然而,通常我们需要对访问url不存在或者错误的情况下添加默认的404页面,即not found页面. 一般的处理方法是: 在最后添加一个path: * ,优先级从上到下查找路由,都没有的时候全部指向 404页面 ,代码如下: const baseRoute = [ { path: '/login', name: 'login', component: Login }, {path: '/', redirect: '/in

关于vue数组中对象属性变更页面没重新渲染的问题

前段时间做开发的时候用mqtt监听了服务端信息,推送过来的数据要变更数组里面的对象的数据,修改好后但是页面并没有更新,因为javascript机制,vue并不能检测到数组变化,也是查阅知道了$set()函数, 具体用法: arr.$set(index, { name : value }), index: 索引,name: 数组中对象的属性名, value: 要赋给属性的值 this.footerList.$set(i, { siteId : monitorSiteData[j].siteId,

Vue ---在for循环修改页面中某个值,页面没有及时刷新问题(使用this.$forceUpdate()解决)

最近使用vue开发时,在一个函数中使用for循环,改变了页面中的值,在函数中查看是修改成功的,但是页面中没有及时刷新. 解决方法: 运用this.$forceUpdate()强制刷新. export default { data() { return { dataList:[], }; }, methods: { getData() { var _this = this; var dataList = []; dataList = response.data.data; for(var i=0;

关于Vue中两个vue页面传数据

一个vue页面路由跳转到另一个vue页面想要获得前一个页面的数据的方法:路由传参 路由传参方法适用于: 1:在A页面获得数据提交给B页面 / 将A页面的数据给B页面 2:A页面中点击按钮跳转到B页面,B页面需要使用A页面中的数据 Vuex和本地缓存的方法就不讲了 问题:为什么使用这种方法? 答:在A页面点击按钮路由跳转到B页面了,但是我在B页面还需要A页面中的数据 这是数据: data: 'chalk' 这是router/index.js中的两个路由地址: { path: '/theme', n