vue传参跳转

<template>
  <div class="app-container">
    <span>考核时间:{{rulesDetailList.createTime}}</span>
    <span>考核成绩:{{rulesDetailList.eventScore}}</span>
    <span>考核人员:{{rulesDetailList.eventUserName}}</span>
 <span>考核人员-1 需要使用v-for:{{createTime}}</span>
 <span>考核人员-2 需要使用v-for:{{score}}</span>


  </div>
</template>
<script>
import { selectDetailRules } from "@/api/rules/rules";

export default {
  data() {
    return {
      // 考核事件详情表格数据
      rulesDetailList:{},
      params:'',
      createTime:[],
      score:[]
    };
  },
  created() {
    this.getParams();
    this.getList();
  },
  methods: {
    // 获取参数 id
    getParams(){
        this.params = this.$route.query.id
    },
    /** 查询事件规则名称列表 */
    getList() {
        this.loading = true;
        selectDetailRules(this.params).then(response => {   
        this.rulesDetailList = response.data;
        console.log(this.rulesDetailList.eventRuleTypes.length)
         for (let i = 0; i < this.rulesDetailList.eventRuleTypes.length; i++) {
            this.createTime.push(this.rulesDetailList.eventRuleTypes[i].createTime);
            this.score.push(this.rulesDetailList.eventRuleTypes[i].score)
          }
        this.loading = false;
      });
    }
  }
};
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

<template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleDetail(scope.row)"
          >详情</el-button>



   /** 查看详情按钮操作 */
    handleDetail(row) {
      //页面跳转 将参数id 传递过去
       this.$router.push({
         path:'/indexTest',
         query: {id: row.id }
       })
    },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18