Vue.js路由跳轉帶引數到模板元件。
阿新 • • 發佈:2019-01-06
從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:'大貨單' }] } } }