élément vue + associé à une liste de la façon de définir cliquez pour entrer dans les détails correspondants

1. Comme le montre pour réaliser la fonction:

2.
Liste (1) élément est
ici une paire <template slot-scope="scope">d'explication, ne comprennent pas peut regarder https://blog.csdn.net/tg928600774/article/details/81945140 ? utm_source = blogxgwz1

 <el-table-column label="详情" width="180">
      <template slot-scope="scope">
       <el-button type="text"  size="small" @click="handleView(scope.row.XXX)">详情</el-button>
          </template>
      </template>
    </el-table-column>

Cliquez ici Je ne vous écris cette colonne de détails
la clé cliquez sur le problème du lien est que ce XXX, pour obtenir des données de base
XXX dépend de votre fond format JSON
ne comprends pas que je peux faire référence à cette forme de connexion de données d'arrière - plan (https: // blog.csdn.net/ShangMY97/article/details/103162168)
(2) Voici l'événement de clic

handleView (name) {
        this.详情页面Visible = true
        this.$nextTick(() => {
          this.$refs.详情页面ViewDialog.initXqDialog(name)
        })
      }

(3) page de détails

initXqDialog(name){
        this.get详情Data(name)
        this.详情页面Visible = true  
}

Notez que le * 详情页面Visible* Page de données dans la liste () {return la valeur de retour par défaut est false

get详情Data(name){
 	this.$http({
           url: this.$http.adornUrl('详情数据连接'),
           method: 'get',
           params: this.$http.adornParams({
					'name'=name
			})
    }).then(({data}) => {
    	console.log(JSON.stringify(data))
	}）
}

'name'Détails des données de base dans les données correspondant à la page de la liste, namenous arrivons à la page de liste d'événements de clic données correspondant