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: \'大货单\'
        }]
      }
    }
}