在vue开发中，使用iview的一个select和两个input组件，设置input组件为不可编辑状态，在select中遍历对象xwuser的数据，当select选择选中xwuser中的某组数据中的A时，两个input分别自动显示该数组中的B和C

在Vue.js中，你可以通过以下步骤来实现这个功能：

1. 首先，确保你已经安装了`iview`库，并导入相关的组件，如`Select`、`Input`等。

<template>
  <div>
    <i-select v-model="selectedXwUser" :options="xwuserList">
      <!-- 这里会根据xwuserList的对象列表动态渲染选项 -->
    </i-select>

    <input type="text" v-model="selectedB" disabled />
    <input type="text" v-model="selectedC" disabled />

  </div>
</template>

2. 定义data部分，初始化`xwuserList`、`selectedXwUser`、`selectedB`和`selectedC`:

<script>
export default {
  data() {
    return {
      xwuserList: [], // 假设这是从API获取或计算得出的xwuser对象数组
      selectedXwUser: null,
      selectedB: '',
      selectedC: '',
    };
  },
  computed: {
    // 当selectedXwUser变化时，获取并赋值给selectedB和selectedC
    getSelectedDetails() {
      const item = this.xwuserList.find(item => item.A === this.selectedXwUser);
      if (item) {
        return {
          B: item.B,
          C: item.C,
        };
      }
      return { B: '', C: '' };
    },
  },
  watch: {
    selectedXwUser(newVal, oldVal) {
      // 当select选择改变时更新输入框的值
      this.$set(this, 'selectedB', this.getSelectedDetails.B);
      this.$set(this, 'selectedC', this.getSelectedDetails.C);
    },
  },
};
</script>

在这个例子中，当你在`i-select`上选择某个`A`值时，`watch`监听器会被触发，它会找到对应的`B`和`C`值，并更新相应的`v-model`绑定，使得两个`input`保持与`xwuser`对象关联的数据同步。`disabled`属性保证了这两个输入框无法编辑。