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

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版本。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容