大家好，我有一個(gè)問題，我的 html 文件中有 Span 鏈接，我需要?jiǎng)?chuàng)建一個(gè)過濾器，當(dāng)我單擊一個(gè) Span 時(shí)，該 Span 會(huì)在我的 vue 文件中發(fā)送一個(gè)值，并且該值會(huì)打開一個(gè)過濾器。我該怎么做？實(shí)際上我從本地?cái)?shù)組中獲取用于填充跨度值的信息<a class="badge badge-pill badge-white-soft mr-1 mb-1"href="#" data-toggle="pill" data-target="#portfolio" v-for="country in countries" v-bind:key="country " v-onclick="getvalue" > <span class="h6 text-uppercase">{{ country}}</span> </a> data(){ countries:["Africa","America","Asia","Europe"]}
3 回答
狐的傳說
TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超3個(gè)贊
您只需country在單擊a標(biāo)簽時(shí)發(fā)送值即可。
<a class="badge badge-pill
badge-white-soft mr-1 mb-1"href="#" data-toggle="pill"
data-target="#portfolio"
v-for="country in countries" v-bind:key="country "
@click="getvalue(country)">
<span class="h6 text-uppercase">{{ country}}</span>
</a>
在方法內(nèi)部，您將能夠?qū)ζ溥M(jìn)行控制臺(tái)
getValue(country){
console.log(country)
}
您還可以span通過從a標(biāo)簽中刪除它來使用 for click 并
<span class="h6 text-uppercase" @click="getvalue(country)">{{ country}}
慕哥6287543
TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊
為什么不將國家/地區(qū)值傳遞給函數(shù)呢？這將是干凈的方式。
<a class="badge badge-pill badge-white-soft mr-1 mb-1"
href="#"
data-toggle="pill"
data-target="#portfolio"
v-for="country in countries" v-bind:key="country " v-on:click="getvalue(country)"
>
<span class="h6 text-uppercase">{{ country}}</span>
</a>
...
methods: {
...
getValue(v){
console.log(v)
}
}
慕容3067478
TA貢獻(xiàn)1773條經(jīng)驗(yàn) 獲得超3個(gè)贊
首先，你的語法有錯(cuò)誤，它v-on:click不應(yīng)該是v-onclick。另外，如果仍然不起作用，v-on:click.capture則可能需要捕獲修飾符，因?yàn)槟趪L試對(duì) div 的內(nèi)部元素進(jìn)行操作。
至于跨度的動(dòng)態(tài)值，您最有可能希望使用v-model.?
- 3 回答
- 0 關(guān)注
- 195 瀏覽
添加回答
舉報(bào)
0/150
提交
取消