Question

我正在使用vuejs 2.5.16，vuesax 3.5.7和来自vue-cli的Webpack模板。当我在表单中使用vs选择组件时，选项不可见，列表大小似乎正确，但是值均为null。在开发工具中，根节点增加了一倍。有任何建议吗？

<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}

您会得到

未捕获到的SyntaxError：意外令牌。

现在..您可以将其更改为pessoa或使用嵌套对象，并且可以将其作为pessoa.sexo进行访问

pessoa : {sexo : "M"}

希望我能对您有所帮助。

从vuesax vs选择无法正常工作，并在vuejs中复制根节点

1 个答案: