Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others


0 votes
in Technique[技术] by (71.8m points)

javascript - How do I log the country's name whenever it's clicked?

I'm using VueJS, REST API, axios to get the list of countries and display them in cards on the page. I need to make a history list of the last 5 countries clicked but I'm not sure how to approach this.

Logging all the countries on the page works but I need to log the specific country that is clicked.

Here's the code for the component

<strong class="card-text" v-on:click="handleClick">{{
        handleClick() {
      //console.log("[response]", JSON.stringify(this.countries));

Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

Do you mean that you want to know how to pass information about which country was clicked to handleClick?

Something like this maybe?

<strong class="card-text" v-on:click="handleClick(country)">
    {{ country.name }}

handleClick(country) {
    console.log("Clicked on: " + country.name);

Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share