JS.VUE.VALID.MODEL.DEFINITION

Invalid keys in model option

Rule Details

This rule is aimed at preventing invalid keys in model option.

{'vue/valid-model-definition': ['error']}

Copy
<script>
/* GOOD */
export default {
  model: {
    prop: 'list',
  }
}
</script>

{'vue/valid-model-definition': ['error']}

Copy
<script>
/* GOOD */
export default {
  model: {
    event: 'update'
  }
}
</script>

{'vue/valid-model-definition': ['error']}

Copy
<script>
/* GOOD */
export default {
  model: {
    prop: 'list',
    event: 'update'
  }
}
</script>

{'vue/valid-model-definition': ['error']}

Copy
<script>
/* BAD */
export default {
  model: {
    prop: 'list',
    events: 'update'
  }
}
</script>

{'vue/valid-model-definition': ['error']}

Copy
<script>
/* BAD */
export default {
  model: {
    props: 'list',
    events: 'update'
  }
}
</script>

{'vue/valid-model-definition': ['error']}

Copy
<script>
/* BAD */
export default {
  model: {
    name: 'checked',
    props: 'list',
    event: 'update'
  }
}
</script>

The content on this page is adapted from the ESLint User Guide. Copyright © OpenJS Foundation and other contributors, www.openjsf.org. All rights reserved. https://eslint.org/docs/rules/