Question

我有一个涉及select元素的组件。下面，opts是一个对象数组。

Vue.component('atcf-select', {
    props: [
        'opts',
    ],
    data() {
        return {
            element_index: '',
        };
    },
    template: `
        <div>
            <select @change="onChange(opt,index)">
                <option v-for="(opt,index) in opts">
                    {{ opt.text }} {{opt.index}}
                </option>
            </select>
        </div>
    `,
    methods: {
        onChange(opt,index) {
            //Do something with opt and index...
        }
    }
};

问题显然是我无法获取所选的opt对象及其索引，并将其用作onChange方法的参数。获取所选选项的索引和对象的正确方法是什么？

Answer 1

您可以使用v-model

{{option.value}}-{{option.text}} {{valeureSelectionnee}}的索引是：{{IndexValeureSelectionnee}}

如何从select中的v-for中使用的对象获取索引数据

1 个答案: