×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

Vue - Props with validation

0
0
 
0
Language: Javascript
Posted by: Artur Słaboszewski
Added: Apr 21, 2022 12:23 PM
Views: 12
Tags: props validation vue vuejs
  1. props: {
  2.     border: {
  3.       type: String,
  4.       validator (val: string) {
  5.         return [
  6.           'top',
  7.           'right',
  8.           'bottom',
  9.           'left',
  10.         ].includes(val)
  11.       },
  12.     },
  13.     closeLabel: {
  14.       type: String,
  15.       default: '$vuetify.close',
  16.     },
  17.     coloredBorder: Boolean,
  18.     dense: Boolean,
  19.     dismissible: Boolean,
  20.     closeIcon: {
  21.       type: String,
  22.       default: '$cancel',
  23.     },
  24.     icon: {
  25.       default: '',
  26.       type: [Boolean, String],
  27.       validator (val: boolean | string) {
  28.         return typeof val === 'string' || val === false
  29.       },
  30.     },
  31.     outlined: Boolean,
  32.     prominent: Boolean,
  33.     text: Boolean,
  34.     type: {
  35.       type: String,
  36.       validator (val: string) {
  37.         return [
  38.           'info',
  39.           'error',
  40.           'success',
  41.           'warning',
  42.         ].includes(val)
  43.       },
  44.     },
  45.     value: {
  46.       type: Boolean,
  47.       default: true,
  48.     },
  49.   },

Write a comment

To post comments, please log in or register.