抱歉,我是新手.

<select id="selectbox" @change="switchView(index)">
  <option [v-for="(item, index) in items" v-bind:value="item.title"]>
    {{ item.title }}
  </option>
</select>

任何帮助都将不胜感激.

EDITED:

我需要索引,因为我有几个计算项目.我需要根据用户从项目中的 Select 更改视图.

推荐答案

你可以在select元素上使用@change,在indexOf函数的帮助下得到索引.这是工作demo.

参见代码:

var demo = new Vue({
    el: '#demo',
    data: function(){
        return {
        age: '',
        selectedIndex: '',
        options: [1,2,3,44,55]
      };
    },
    methods: {
      selected: function () {
         this.selectedIndex = this.options.indexOf(this.age)
         alert('this is selected Index ' + this.selectedIndex)
       }
    }   
})

Vue.js相关问答推荐

为什么发送 POST API 请求时主体对象没有react ?

如何使用 vueJS 上的 ref( ) 函数创建二维数组定义?

如何在Vue3中使用vuechartjs 5.2从父组件更新图表

有没有办法在 Quasar 中为明暗模式创建我自己的 colored颜色 ?

是否可以使用 Vuetify/VueJS 为轮播设置默认图像而不是第一个图像?

Vue index.html favicon 问题

如何渲染数组以 Select 选项 vue.js

如何在 vue.js 构建中重命名 index.html?

在 Vue 中,如何使用 npm run build 将 .htaccess 包含到生产环境中?

使用 aria-live 在 vue.js 中向屏幕阅读器宣布信息

当前端和后端位于虚拟 docker 网络中时,如何使用 axios 寻址后端主机

我可以在 Vue 实例方法中传播的 mapMutations 中使用this吗?

使用 Firebase Auth for Google 将匿名用户转换为注册用户

何时使用

使用 VueJS 使用 3rd 方库打印元素

VueJS 2 + ASP.NET MVC 5

如何在 VeeValidate 中自定义错误信息(字段名称)?

如何使用vue js判断组件本身的数据何时发生变化?

Vue-i18n - 无法读取未定义的属性配置

如何在 vue3 中的setup方法中发出事件?