runtime.ts:26 [Vue warn]: Invalid prop: validation failed. Expected one of ["", "default", "small", "large"], got value "mediuml".
时间: 2023-11-05 15:59:02 浏览: 59
这个警告是由于属性类型检查失败引起的。在输入框的v-model中,你使用了不符合要求的数据类型。解决这个问题的方法是将v-model绑定的数据类型更改为正确的类型。根据你提供的引用内容,可以推测这个问题可能与你在绑定函数时传递的值有关。如果v-model绑定的函数期望得到一个布尔值,但实际上得到了一个对象,就会出现这个错误。可能的解决方法是将函数名的.value值设置为true,而不是将子组件传递过来的值(一个对象)赋值给函数名的.value。具体的代码示例如下:
```html
<template>
<el-dialog :function="function"></el-dialog>
</template>
<script setup>
import { ref } from 'vue'
import bus from 'bus'
const function = ref()
bus.on('function', (e) => {
function.value = true
})
</script>
```
关于你提到的另一个警告,它是在运行时检查属性时发生的。期望的值应该是`""`、`"default"`、`"small"`或`"large"`中的一个,但实际上得到了一个值为`"mediuml"`的对象。你可能需要检查代码中对这个属性的赋值,确保它的值符合预期。
相关问题
vue.runtime.esm.js:4642 [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, got Undefined found in
引用\[1\]和\[2\]中提到了关于Vue的警告信息,其中包括了属性类型检查失败的问题。在引用\[1\]中,警告信息指出了属性"index"的类型检查失败,期望得到一个字符串类型的值"125",但实际得到的是一个数字类型的值125。而在引用\[2\]中,警告信息指出了属性"value"的类型检查失败,期望得到一个字符串类型的值,但实际得到的是一个未定义的值。解决这个问题的方法是将属性对应的值改为正确的类型。在这种情况下,需要将属性值改为字符串类型。
另外,在引用\[3\]中提到了一些Vue组件的层级关系,但与问题的内容关系不大,因此不需要引用。
总结起来,问题中的警告信息是由于属性类型不匹配导致的。解决方法是将属性值改为正确的类型,即将数字类型的值改为字符串类型。
#### 引用[.reference_title]
- *1* *3* [2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “index“. Expected S](https://blog.csdn.net/qq_60976312/article/details/121513543)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [[Vue warn]: Invalid prop: type check failed for prop “value“. Expected](https://blog.csdn.net/m0_51152244/article/details/126033563)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
vue.runtime.esm.js:619 [Vue warn]: Invalid prop: type check failed for prop "checkSubjectId". Expected String, Number, got Null
vue.runtime.esm.js:619 [Vue warn]: Invalid prop: type check failed for prop "checkSubjectId". Expected String, Number, got Null。
这个错误是由于传递给"checkSubjectId"属性的值不符合预期的类型引起的。预期的类型是字符串或数字,但实际传递的值是null。这意味着该属性没有被正确地设置或者传递给了错误的值。
要解决这个问题,你可以检查传递给"checkSubjectId"属性的值,并确保它是一个字符串或数字类型的值,而不是null。你可以使用条件语句或者类型检查函数来验证传递给属性的值,并进行相应的处理。例如,你可以使用if语句来检查传递的值是否为null,并在需要时给它一个默认值或者进行相应的错误处理。
另外,你还可以检查组件中是否正确地定义了"checkSubjectId"属性的类型。确保在组件的props选项中正确地定义了"checkSubjectId"属性的类型为String或Number。
总结起来,要解决这个错误,你需要检查传递给"checkSubjectId"属性的值,确保它是一个字符串或数字类型的值,并在需要时进行相应的处理。同时,还要确保组件中正确地定义了"checkSubjectId"属性的类型。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “index“. Expected S](https://blog.csdn.net/qq_60976312/article/details/121513543)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vue.runtime.esm.js:4605 [Vue warn]: Invalid prop: type check failed for prop “disabled“. Expected ...](https://blog.csdn.net/2201_75705263/article/details/131762840)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]