当前位置:   article > 正文

vue-router 跳转页面传递参数并获取参数-------query_router 获取query参数

router 获取query参数

我也不知道为什么,我用parms传递传输就是不对,难受

下面是代码

 

 

显示数据的页面

  1. //这个是点击事件,用来传递参数
  2. <el-button size="mini" style="margin-right: 2px" type="text" @click.native.prevent="getId(scope.row.id,scope.row.scripttitle,scope.row.scriptcontent)">
  3. 编辑
  4. </el-button>
  5. //下面是methods中的方法
  6. getId(id,scripttitle,scriptcontent){
  7. this.$router.push({
  8. path:'/broad/manuscript/scriptedit', //这个是你要跳转的路径
  9. query:{ //我用是的query方式,不知为啥params方法不行
  10. id : id,
  11. scripttitle : scripttitle,
  12. scriptcontent : scriptcontent,
  13. }
  14. })
  15. }

下面是回显数据的代码

  1. export default{
  2. created(){
  3. this.getParams()
  4. },
  5. watch: {
  6. '$route': 'getParams'
  7. },
  8. methods: {
  9. getParams () {
  10. // 取到路由带过来的参数
  11. const id = this.$route.query.id;
  12. const _this = this;
  13. _this.form.scripttitle = this.$route.query.scripttitle;
  14. _this.form.scriptcontent = this.$route.query.scriptcontent;
  15. // 将数据放在当前组件的数据内
  16. }
  17. }
  18. }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/338323
推荐阅读
相关标签
  

闽ICP备14008679号