zoukankan      html  css  js  c++  java
  • 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" />

  • 相关阅读:
    超链接解决头部fixed问题
    cookie操作
    JS 阻止整个网页的内容被选中
    stopPropagation(), preventDefault() 和 return false
    获得元素的位置。宽、高
    css 清除浮动
    pytest官网文档の第一章:安装和快速开始
    采用Anaconda安装python
    jmeter利用BeanShell PreProcessor编写脚本实现参数化
    java长连接和短连接
  • 原文地址:https://www.cnblogs.com/sunny-miss/p/10187319.html
Copyright © 2011-2022 走看看