大家好，我有一個問題，我的 html 文件中有 Span 鏈接，我需要創建一個過濾器，當我單擊一個 Span 時，該 Span 會在我的 vue 文件中發送一個值，并且該值會打開一個過濾器。我該怎么做？實際上我從本地數組中獲取用于填充跨度值的信息<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貢獻1804條經驗 獲得超3個贊
您只需country在單擊a標簽時發送值即可。
<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>
在方法內部，您將能夠對其進行控制臺
getValue(country){
console.log(country)
}
您還可以span通過從a標簽中刪除它來使用 for click 并
<span class="h6 text-uppercase" @click="getvalue(country)">{{ country}}
慕哥6287543
TA貢獻1831條經驗 獲得超10個贊
為什么不將國家/地區值傳遞給函數呢？這將是干凈的方式。
<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貢獻1773條經驗 獲得超3個贊
首先，你的語法有錯誤，它v-on:click不應該是v-onclick。另外，如果仍然不起作用，v-on:click.capture則可能需要捕獲修飾符，因為您正在嘗試對 div 的內部元素進行操作。
至于跨度的動態值，您最有可能希望使用v-model.?
- 3 回答
- 0 關注
- 175 瀏覽
添加回答
舉報
0/150
提交
取消