el-select 选择后回显是NaN

el-select选择后回显NaN的原因是因为绑定的值类型不一致，例如在引用中，el-select的v-model绑定的是selected，而el-option的value是字符串类型，而不是数字类型。解决方法是将el-option的value改为数字类型，例如：

<el-select v-model="selected" value-key="id">
  <el-option value="" label="请选择" />
  <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
</el-select>

在引用中，el-select的v-model绑定的是form.sex，而el-option的value是数字类型，因此不会出现NaN的情况。如果还是出现NaN的情况，可以检查绑定的值类型是否一致。

相关问题

el-select选择不回显

el-select是Element UI库中的一个下拉选择组件，用于在页面中展示一个可选项列表，并允许用户从中选择一个或多个选项。如果你在使用el-select时遇到了选择不回显的问题，可能是由于以下几个原因导致的：

1. 数据绑定问题：请确保你正确地将el-select的v-model属性与数据进行绑定。v-model应该指向一个变量，该变量用于存储用户选择的值。如果v-model绑定的变量没有正确初始化或者没有更新，就会导致选择不回显。

2. 选项值匹配问题：el-select的选项列表是通过el-option组件来定义的。请确保el-option的value属性与v-model绑定的变量的值相匹配。如果选项的value值与v-model绑定的变量的值不一致，就会导致选择不回显。

3. 异步加载数据问题：如果el-select的选项是通过异步请求获取的，可能存在数据加载完成前无法回显的情况。你可以在数据加载完成后手动更新v-model绑定的变量的值，以实现选择回显。

4. 样式问题：有时候选择不回显可能是由于样式问题导致的。你可以检查一下el-select及其相关组件的样式是否正确设置，以确保选择回显正常显示。

希望以上解答对你有帮助！如果你还有其他问题，请继续提问。

el-select 选值以后回显NAN

el-select选值以后回显NAN的问题可能是由于数据类型不匹配导致的。请确保你的选项数据中的value值与v-model绑定的数据类型一致。另外，还需要检查是否正确设置了value-key属性。

以下是一个示例代码，演示了如何使用el-select实现选值回显：

<template>
  <el-select v-model="selected" value-key="id">
    <el-option value="" label="请选择" />
    <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selected: '', // 选中的值
      options: [
        { id: 1, name: '选项1' },
        { id: 2, name: '选项2' },
        { id: 3, name: '选项3' }
      ]
    };
  }
};
</script>

在上述示例中，options数组中的每个对象都有一个id属性，我们将其作为value值传递给el-option组件。v-model绑定的是selected变量，它会保存选中的值的id。这样，当选中一个选项时，selected的值就会更新为对应的id，从而实现了选值回显。