美文网首页
vue中点击不同按钮跳转同一页面组件有什么好的传参方式?

vue中点击不同按钮跳转同一页面组件有什么好的传参方式?

作者: 我性本傲 | 来源:发表于2019-05-16 15:25 被阅读0次

scope参数采用作用域插槽    slot-scope="scope"

toEdit (type, scope) {    

      let params

      if (type === 0) {

        params = {

          type: 'add',

          isRevert: 0,

          isCopy: 0

        }

      } else if (type === 1) {

        params = {

          type: 'edit',

          params: scope.row,

          isRevert: 0,

          isCopy: 0

        }

      } else if (type === 2) {

        params = {

          type: 'edit',

          params: scope.row,

          isRevert: 1,

          isCopy: 0

        }

      } else if (type === 3) {

        params = {

          type: 'add',

          params: scope.row,

          isRevert: 0,

          isCopy: 1

        }

      }

        //toRouter定义的公共方法,参数分别为vue, routerName, routerObj

      this.$tools.toRouter(this, 'recruitEditPlanL1', params)

    }

<el-button type="primary" @click="toEdit(0)">新建招生规则</el-button>

<el-button  type="primary" @click="toEdit(1,scope)" >修改招生计划 </el-button>

<el-button  type="primary" @click="toEdit(2,scope)">招生回滚 </el-button>

注意:以上采用vue  2.5.17版本。

相关文章

网友评论

      本文标题:vue中点击不同按钮跳转同一页面组件有什么好的传参方式?

      本文链接:https://www.haomeiwen.com/subject/duyiaqtx.html