Javascript 如何从和中的v-for循环中获取值

我正在寻找一种从v-for循环中获取值的方法。有人能帮我吗？ 我有以下代码：

Select Country:
        <select @change="selectCountryStats(country.code)">
            <option
                v-for="country in everyCountry"
                :key="country.name"
                value="country.name"
                
            >
                {{ country.name }}
            </option>
        </select>

在@change中，我想得到country.code的值，但是当v-for循环被触发时，这个值是第一次被知道的，事实并非如此

将通知此问题的任何解决方案。

您不能在v-for循环之外使用v-for的迭代器，因为它超出了范围

要使更改事件处理程序接收国家代码，必须将.value绑定从country.name更改为country.code：

对于，事件参数存储在一个特殊的$event变量中。由于更改事件的目标是，您可以通过$event.target.value访问更改事件处理程序中选择的国家/地区代码中的新值：

新Vue{ el:“应用程序”， 数据：=>{ 每个国家：[ { 名称：'美国'， 代码：“美国” }, { 名称：‘加拿大’， 代码：“CA” }, ] }, 方法：{ 选择CountryStatse{ 控制台日志 } } } {{country.name}

---

使用v-model=variable，其中model变量将保留select的当前值，然后在不带参数的情况下调用selectCountryStats并通过该变量获取值。此外，您还需要将选项值设置为country或country.code而不是name