Apakah tiga cara untuk lulus parameter dalam Vue?-View.js-php.cn

Apakah tiga cara untuk lulus parameter dalam Vue?

青灯夜游

Lepaskan： 2023-01-13 00:45:19

asal

27838 orang telah melayarinya

Terdapat tiga cara untuk menghantar parameter dalam Vue: 1. Gunakan atribut nama laluan untuk lulus parameter dan terima parameter melalui "$route.name"; -pautan; 3. Gunakan laluan untuk memadankan komponen penghalaan dan url untuk lulus parameter.

Apakah tiga cara untuk lulus parameter dalam Vue?

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Kaedah pertama: gunakan nama untuk lulus

Nama muncul semasa mengkonfigurasi penghalaan sebelum ini, tetapi saya tidak tahu apa kegunaan khususnya is. , yang boleh digunakan untuk menghantar parameter dalam penghalaan. Tulis nama laluan dalam index.js

Terima parameter:

Tambah

<p>我是router-name:{{$route.name}}</p>

Salin selepas log masuk

Sebagai contoh, apa yang saya terima di sini adalah dalam APP.vue. Saya harap saya dapat melihat parameter apabila menukar setiap halaman.

Lihat hasilnya:

Tetapi kaedah ini tidak biasa digunakan kerana kami fikir ia tidak begitu teratur .

Kedua: Gunakan atribut to dalam pautan penghala

Gunakan pautan ke dalam penghala untuk menghantar parameter, lihat sintaks:

<router-link v-bind:to="{name:&#39;xxx&#39;,params:{key:value}}"></router-link>

Salin selepas log masuk

A. nama diambil;

Amalkan secara praktikal:

a. tambah di hadapan Tanda titik bertindih tiada kerana ia terikat Lulus nama pengguna dan nilainya ialah tomcat

b Dalam index.js, konfigurasikan hellovue dengan nama hellovue, yang sepadan dengan nama di atas

<. 🎜>

c. Terima parameter dalam hellovue.vue

<router-link :to="{name:&#39;hellovue&#39;,params:{username:&#39;tomcat&#39;}}">hellovue页面</router-link>

Salin selepas log masuk

dan lihat hasilnya:

 <p>传递的名字是：{{$route.params.username}}</p>

Salin selepas log masuk

Kaedah ketiga: Gunakan laluan untuk memadankan komponen penghalaan, gunakan url untuk lulus parameter

Paskan parameter dalam bentuk titik bertindih dalam fail penghalaan, ini adalah pengikatan daripada parameter

a. Ubah suai laluan dalam index.js Di sini kami mengubah suai komponen myjob.vue

b komponen

c. Paparkan kandungan yang ingin kami paparkan dalam komponen myjob.vue (menerima parameter)

d. Lihat hasil

Cadangan berkaitan: "

tutorial vue.js"

Atas ialah kandungan terperinci Apakah tiga cara untuk lulus parameter dalam Vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!