vue页面操作技巧

// this.$router.push({ path: "https://www.baidu.com/"});
// POST请求的时候
// this.$router.push({ path: "/report/prePayDetails", query:{CClmNo:CClmNo,CPrepayPkId:CPrepayPkId,NPrepayTms:NPrepayTms}});
// GET请求的时候
// this.$router.push({ path: '/report/prePayDetails?${CClmNo}&CPrepayPkId=${CPrepayPkId}'});
// 打开新页面，手动拼接参数
// window.open(`/report/prePayDetails?CClmNo=${CClmNo}&CPrepayPkId=${CPrepayPkId}&NPrepayTms=${NPrepayTms}`);

 

例：页面跳转：

// this.$router.push({ path: "/report/prePayDetails", query:{CClmNo:CClmNo,CPrepayPkId:CPrepayPkId,NPrepayTms:NPrepayTms}});

第二个页面写：

props: {

//前一个页面传过来的参数
data: {
type:Object,//默认定位object
default:{}
}
},

//跳转到预付明细，路由跳转直接写
// this.$router.push({ path: "/report/prePayDetails", query:{CClmNo:CClmNo,CPrepayPkId:CPrepayPkId,NPrepayTms:NPrepayTms}});
//到另一个页面拿的话this.$route.query，拿到传过去的query对象。

// 打开新页面，手动拼接参数
// window.open(`/report/prePayDetails?CClmNo=${CClmNo}&CPrepayPkId=${CPrepayPkId}&NPrepayTms=${NPrepayTms}`);
// window.open('https://www.baidu.com?CClmNo=121');

 

//初始化加载
mounted() {
// this.search();
}

 

//把PrePayDetails页面引入进来
import PrePayDetails from "./prePayDetails";
export default {
name: "pre-pay-info",
components: {
//把PrePayDetails页面声明成一个组件
PrePayDetails
},

 

页面引用组件：

<!-- :data 给组件传递参数，一个对象 -->
<pre-pay-details :data="filter" v-if="detailsShow" />