Vue.js路由跳转带参数到模板组件。

最新推荐文章于 2021-06-19 22:23:14 发布

天为我蓝

最新推荐文章于 2021-06-19 22:23:14 发布

阅读量171

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/longdb/p/10228743.html

版权

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