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: '大貨單'
        }]
      }
    }
}