Song/xkrs_ms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

vue路由传参

Browse Source
This commit is contained in:
WangHao 2020-08-21 23:34:25 +08:00
parent 53c159c76e
commit c70e3556f4
4 changed files with 51 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ruoyi-ui/src/router/index.js
View File

@ -11,6 +11,7 @@ import Layout from '@/layout'
import bookmarkmenu from '@/views/bookmark/menu';
import index3 from '@/views/bookmark/index';
// import content from '../views/bookmark/content/index';
@ -150,9 +151,17 @@ export const constantRoutes = [
children: [
{
path: '/content',
name: 'content',
component: resolve => require(['../views/bookmark/content/index.vue'], resolve),
query:{
t:Date.now(),
},
meta:{
requireAuth: false,//加该字段,表示进入这个路由是需要登录的true
},
}
],redirect:'/content'
],
},
]

24
ruoyi-ui/src/views/bookmark/content/index.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<template >
<div >
<div class="filter" >
<div class="filter-sort">
<div class="filter-sort" >
<el-dropdown trigger="click" size="small">
<span class="el-dropdown-link">
<span>按时间排序(正)</span> <i class="el-icon-caret-bottom"></i>
@ -51,7 +51,7 @@
</div>
<div class="bookmarklist">
<div class="bookmarklist" v-loading="loading">
<el-row >
@ -108,7 +108,7 @@
data: function () {
return {
loading:true,
loading:false,
queryParams: {
pageNum: 1,
pageSize: 15,
@ -136,10 +136,18 @@
}
},
created() {
this.queryParams.menuId=1;
this.getList();
var that=this;
if (that.$route.query.menuId==undefined){
that.queryParams.menuId=1;
}else {
that.queryParams.menuId=that.$route.query.menuId;
}
this.getList();
},
methods: {
mounted(){
},
methods: {
/** 查询书签管理列表 */
getList() {
this.loading = true;

34
ruoyi-ui/src/views/bookmark/index/index.vue
View File

@ -22,7 +22,7 @@
<ul id="treeDemo" class="ztree" ></ul>
</div>
<div class="reminder">工具箱</div>
<div class="aside-title"><i class="el-icon-s-tools"></i><span>所有书签</span></div>
<div class="aside-title"><i class="el-icon-s-tools"></i><span>收藏同步</span></div>
<div class="aside-title"><i class="el-icon-help"></i><span>发现书签</span></div>
<div class="aside-title"><i class="el-icon-s-platform"></i><span>任意门</span></div>
<div class="aside-title"><i class="el-icon-message-solid"></i><span>收件箱</span></div>
@ -100,7 +100,7 @@
</el-header>
<el-main class="bookmarkmain" >
<router-view></router-view>
<router-view :key="$route.query.menuId"></router-view>
</el-main>
@ -142,15 +142,15 @@
<!-- 添加链接-->
<el-dialog title="添加链接" :visible.sync="addurlopen" width="500px" append-to-body class="addbookmarkurl">
<!-- &lt;!&ndash; 添加链接&ndash;&gt;-->
<!-- <el-dialog title="添加链接" :visible.sync="addurlopen" width="500px" append-to-body class="addbookmarkurl">-->
<el-input v-model="bookamkrurl" placeholder="输入链接地址 例：https://withpinbox.com" class="addbookmarkurl-input" />
<!-- <el-input v-model="bookamkrurl" placeholder="输入链接地址 例：https://withpinbox.com" class="addbookmarkurl-input" />-->
<el-button plain class="addbookmarkurl-button" round @click="submitForm">确定</el-button>
<!-- <el-button plain class="addbookmarkurl-button" round @click="submitForm">确定</el-button>-->
</el-dialog>
<!-- </el-dialog>-->
@ -362,6 +362,7 @@
if (confCount>0) return;
//if (treeNode.parentNode && treeNode.parentNode.id!=1) return;
var switchObjspan = $("#" + treeNode.tId + "_span");
var editStr = "<span class="+treeNode.tId+"_sz onclick='editBookmark()' style='color: #9e9e9e;float:right;display: inline-block;margin-right: 15px;font-size:8px' onfocus='this.blur();'><i class='el-icon-edit'></i></span>";
switchObjspan.after(editStr);
@ -388,8 +389,8 @@
beforeClick:function(treeId, treeNode) {
//if (treeNode.level != 19990 ) {
var zTree = $.fn.zTree.getZTreeObj("treeDemo");
zTree.expandNode(treeNode);
// var zTree = $.fn.zTree.getZTreeObj("treeDemo");
// zTree.expandNode(treeNode);
// return false;
// }
@ -397,7 +398,14 @@
},
//节点点击
OnClickzTree:function(event,treeId, treeNode){
// alert("11"+treeNode.tId );
var that=this;
that.$router.push({
path: "/content",
query: {
menuId: treeNode.menuId
}
})
// $("." + treeNode.tId + "_sz").unbind().remove();
// var switchObjspan = $("#" + treeNode.tId + "_span");
@ -406,7 +414,7 @@
// if (confCount>0) return;
// var editStr = "<span class="+treeNode.tId+"_count onclick='alert(1111111);return false;' style='color: #9e9e9e;float:right;display: inline-block;margin-right: 15px;font-size:8px' onfocus='this.blur();'>12</span>";
// switchObjspan.after(editStr);
return false;
// return false;
},
//显示隐藏 ztree菜单
zreaZtree:function () {
@ -419,6 +427,10 @@
editBookmark:function(e){
var that=this;
//console.log("menuid:"+e.srcElement.dataset.menuId)
that.handleAdd();//新增
if ( e && e.stopPropagation )
//因此它支持W3C的stopPropagation()方法

2
ruoyi-ui/src/views/bookmark/menu/index.vue
View File

@ -152,6 +152,8 @@
var that=this;
//光标自动选中
that.$refs.sousouref.focus()
},