为什么无效道具：道具“值”的类型检查失败。 预期的字符串、数字、对象、布尔值，下面提到的程序有数组显示吗？

Question

为什么无效道具：道具“值”的类型检查失败。 预期的字符串、数字、对象、布尔值，下面提到的程序有数组显示吗？

html：

<model-select :options="usersAssignData"  v-model="userNameData" class="form-control col-sm-4" @keyup.native="getUser"  >

脚本：

 getUser(e) { 
       console.log("idd",this.selectedZone)
        var user = e.target.value;
        axios.get("/helpdesk/getUsers", {
        params: {
          q: user,
          account_id: this.selectedZone,
          searchOption: 'username'
        },
          headers: {
            'Authorization': localStorage.getItem('token')
          }
        })
        .then(response => {
          this.usersAssignData = response.data

        })
        .catch(error => {
          reject(error);
          console.log(error);
        });
    }

Answer 1

尝试在要使用道具值的文件中使用以下代码

<script>
    export default {
        props: {
            usersAssignData: {
                type: Array,
                default: () => [],
            },
        },
    } 
</script>

Answer 2

你的组件的usersAssignData的类型可能不是一个数组，而且 axios 调用它似乎返回一个数组。 尝试按照@DharaParmar 所说的进行操作，将道具的类型设置为数组。

Answer 3

嘿这对我有用：

data() {
  return {
    usersAssignData:Array/Object/String/Number,
  }
}

现在 usersAssignData 可以是数组或对象或字符串或数字，你不会再看到那个错误了；)