vue小技巧1将prop限制在一个类型的列表中

时间:2022-9-2    作者:悬浮的青春    分类: javascript


使用 prop 定义中的 validator 选项,可以将一个 prop 类型限制在一组特定的值中。
export default {
  name: 'Image',
  props: {
    src: {
      type: String,
    },
    style: {
      type: String,
      validator: s => ['square', 'rounded'].includes(s)
    }
  }
};
复制代码
这个验证函数接受一个prop,如果prop有效或无效,则返回true或false。
当单单传入的 true 或 false 来控制某些条件不能满足需求时,我通常使用这个方法来做。
按钮类型或警告类型(信息、成功、危险、警告)是最常见的用法。颜色也是一个很好的用途。

WRITTEN BY

avatar