Vue.js验证程序isn'；不要显示错误

这是道具的验证器：

props: {
    task: {
      id: {
        type: Number,
        validator: function(value) {
          if (value < 5) {
            console.log("error");
            return false;
          }
          return true;
        }
      }

export default {
  name: "tasklist",
  data() {
    return {
      tasks: [
        {
          id: 1}

根据我做的验证器，我不应该让它在没有警告的情况下通过。

---

而且我没有得到任何警告。是否有人知道我可以做什么来获得错误。

您不能像您试图做的那样放置

验证器

或指定组件

属性的
类型

您可以将
任务
属性的
类型
指定为
对象
，然后添加
验证器
函数来验证
任务
对象的
id
属性的类型和值

下面是一个例子：


Vue.component（'task'{
模板：{{task.name}}`，
道具：{
任务：{
类型：对象，
验证器（任务）{
if（typeof task.id！=“number”）{
错误（“错误：任务id应该是一个数字”）；
返回false；
}
如果（任务id<5）{
console.error（“错误：任务id不应小于5”）；
返回false；
}
}
}
}
})
新的Vue（{el:'#app'}）

谢谢你的回答，但我想知道是否有办法阻止它，而不是仅仅显示错误。你能更详细地描述一下吗？阻止什么？我的意思是有没有一种内置的方法来阻止插入，因为验证似乎失败了。我希望如果它不遵守条件，就不要插入它。比如说，如果“id”大于2，就不要插入id。这是一个单独的问题，但是没有。如果道具验证失败，没有内置的方法来阻止组件被创建。您可以简单地在组件的根元素（
）上的
v-if中进行检查