vue 父子组件传值，获取子组件的特定值

<template>
  <div>
    <section v-if="$route.name==='plan'"/>
    <div class="app-container" style="overflow: auto;">
      <el-table
        :data= "list"
        border
        fit
        highlight-current-row>

        <el-table-column label="客服">
          <template slot-scope="scope">
            {{ scope.row.name }}
          </template>
        </el-table-column>
        <el-table-column label="会员数量">
          <template slot-scope="scope">
            ({{ scope.row.member_count }})
          </template>
        </el-table-column>
        <el-table-column label="进度">
          <template slot-scope="scope">
            {{ scope.row.precent }}
          </template>
        </el-table-column>
        <el-table-column label="操作" min-width="160px">
          <template slot-scope="props">
            <el-button size="mini" @click="handleDetail(props.$index, props.row)">查看</el-button>
          </template>

        </el-table-column>
      </el-table>
    </div>

    <router-view/>
  </div>
</template>

<script>
import Pagination from '@/components/Pagination'
export default {
  components: { Pagination },
  data() {
    return {
      list: [
        { name: 'crm001', member_count: 100, precent: '20%' },
        { name: 'crm002', member_count: 100, precent: '20%' },
        { name: 'crm003', member_count: 100, precent: '20%' }
      ]
    }
  },
  created() {
    // this.permission.rules.detail = selected
  },
  methods: {
    handleDetail(index, row) {
      this.list.name = row.name
      console.log(row.name)
    }
  }
}
</script>

<style lang="scss">

</style>

效果