1. 程式人生 > >Vue.js路由跳轉帶引數到模板元件。

Vue.js路由跳轉帶引數到模板元件。

從SalesOrderQuery元件跳到SalesOrder元件,並且通過params屬性攜帶資料。

 handleClick(row) {
        //alert(row.FSaleName);//獲取該行FSaleName列的值。
        this.$router.push({path:'/salesorder',
        name:'salesorder',//必須帶name屬性,要不然引數傳遞不成功。
        params:{
          FSaleNo:row.FSaleNo,FSaleName:row.FSaleName,FSaleQty:row.FSaleQty,FSaleStatus:row.FSaleStatus,
          FSaleAmount:row.FSaleAmount
        }
        });
        
//console.log(row); }

SalesOrder元件獲取params中的資料:

export default{
    name:"SalesOrder",
    data() {
      return {
        FSaleNo: this.$route.params.FSaleNo,
        FSaleName:this.$route.params.FSaleName,
        FSaleQty:this.$route.params.FSaleQty,
        FSaleAmount:this.$route.params.FSaleAmount,//
接收路由傳過來的資料 FSaleAmount:'', FSaleType:'', FSaleStatus:this.$route.params.FSaleStatus, options:[{ value: '70000', label: '小樣單' }, { value: '70001', label: '版本單' }, { value: '70002', label:
'大貨單' }] } } }