vue项目 - 根据路由去做v-if v-else 的判断，设置显示隐藏

实现功能 : 封装的组件中，功能比较多，有些功能某些页面不需要，
解决：可以通过路由去设置特定的页面，设置功能需要或者不需要。
代码实现：

<div v-if='xians'>这里是要显示的内容
</div>
<div v-else>这里是不需要显示的内容
</div>

//判断路由
data(){return {xians:this.$route.path.includes('/print')//我所需要的路由是('/print')和('/print-1V1'),//配置时设置('/print')也可以正常使用}
}

vue项目 - 根据路由去做v-if v-else 的判断，设置显示隐藏相关推荐

vue项目实现路由按需加载(路由懒加载)的3种方式
vue项目实现路由按需加载(路由懒加载)的3种方式 1.vue异步组件 2.es提案的import() 3.webpack的require,ensur *1.vue异步组件技术 ==== 异步加载 v ...
vue跳转到同一路由但传递参数不同，从而判断页面显示内容
vue跳转到同一路由但传递参数不同,从而判断页面显示内容给router-view 添加一个key,使vue不复用 <router-view :key="一个动态的数据"&g ...
Nginx部署Vue项目动态路由刷新404
目录前言第一次第二次前言记录下Nginx部署Vue项目刷新404的解决方案,遇到了两次,route用的是history路由模式,动态路由: {path: '/article/:blogId' ...
创建vue项目(四)路由相关知识、路由守卫、插槽、打包小细节
一.路由相关点 1. 路由跳转传参以及接参 https://segmentfault.com/a/1190000012393587 方法一: (1) 参数配置: { path : 'xx/:参数变量' ...
创建vue项目(三)路由跳转、反向代理、本地存储、状态管理
数据更新渲染,axios请求数据,配置环境一.路由跳转 app.vue <template><div id="app"><keep-alive> ...
使用webpack.require优化vue项目的路由
之前做一个后台系统的时候,前期路由也就十多个,就是使用的文档中的那种写法: import Vue from 'vue'; const Login = () => import('@/compon ...
5、vue项目：路由
如图: 步骤: 1.新建文件夹在 src 下:新建 router 文件夹,再在 router 下新建 index.js 在 components 文件夹下,创建组建 About.vue ...
vue项目头部路由，侧边栏路由联动问题
菜单效果:头部四个大的菜单,点击头部每个菜单,对应切换左侧菜单栏,点击浏览器刷新,刷新页面的同时保持各个菜单的状态不变头部四个菜单layout/index.vue: data部分: data() { ...
Vue项目：路由跳转时中文传参被URL编码，怎么解决？用js封装Base64编码解码加密解密
1.在utils中封装js方法,代码如下: var Base64 = { // private property_keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZab ...
vue项目中返回按钮案例(用vuex控制返回按钮的显示或者隐藏)
在vue的项目中避免不了会有返回按钮的出现,恰当的页面,返回按钮的显示或者隐藏,我是用vuex来管理的, 好了,直接上代码吧 <el-button type="primary" ...

vue项目 - 根据路由去做v-if v-else 的判断，设置显示隐藏

vue项目 - 根据路由去做v-if v-else 的判断，设置显示隐藏相关推荐

最新文章

热门文章