vs-select из vuesax не работает и дублирует корневой узел в vuejs

Question

Я работаю с vuejs 2.5.16, vuesax 3.5.7 и шаблоном веб-пакета от vue-cli. Когда я использую компонент vs-select в моей форме, параметры не отображаются, размер списка кажется правильным, но все значения равны нулю. А в Dev Tools корневой узел удваивается. Любые предложения?

<vs-col vs-w="2">
<label for="sexo">Sexo</label>
<vs-select v-model="pessoa.sexo">
    <vs-select-item v-bind:value="opt.value" 
       v-bind:text="opt.text" v-bind:key="index"
       v-for="(opt, index) in sexo_opt"/>
</vs-select>

data(){
    return{
       pessoa.sexo:'M',
       sexo_opt: [{text:'Masculino',value:'M'},{text:'Feminino',value:'F'}]
    }
}

Answer 1

Поскольку pessoa.sexo не является допустимым ключом объекта, точка не будет разрешена, если вы введете в консоли

var a = {name:"tom",user.friends:3}

вы получите

Uncaught SyntaxError: Неожиданный токен.

сейчас .. вы можете изменить это просто на pessoa или использовать вложенный объект, и вы можете получить к нему доступ как pessoa.sexo

pessoa : {sexo : "M"}

Я надеюсь, что помог тебе ..