首页 > 其他分享 >vue的Prop父子传值完整校验

vue的Prop父子传值完整校验

时间:2023-02-04 15:36:05浏览次数:42  
标签:vue 校验 value Prop length 传值

  • Prop节点接受父组件传值的校验
export default {
  props: {
    arr: {
      type: Array,
      required: true,
      // 自定义校验规则
      validator(value) {
        // value就是接到数组
        if (value.length >= 2 && value.length <= 5) {
          return true; // 符合条件就return true
        } else {
          console.error("数据源必须在2-5项");
          return false;
        }
      },
    },
  }
};

标签:vue,校验,value,Prop,length,传值
From: https://www.cnblogs.com/lingxin1123/p/17091569.html

相关文章

  • vue的路由的注意点
    2.vue路由-声明式导航2.0声明式导航-基础使用目标:可用全局组件router-link来替代a标签vue-router提供了一个全局组件router-linkrouter-link实质上最终会......
  • vue响应式修改数据
    this.arr[0]=1等价于this.$set(this.0,1)Vue.set(target,propertyName/index,value)参数:{Object|Array}target{string|number}propertyName/index......
  • vue计算属性的完整写法-cnblog
    简单写法,给计算属性赋值报错解决方案:提供set方法实例(全选-->反选,反选->全选)<template><div><span>全选:</span><!--4.v-model关联全选-选中状态......
  • vue项目的事件修饰符
    click只是个例子,可以换成change,[email protected]阻止默认行为@click.stop阻止事件冒泡[email protected]==click后面函数只执行一次......
  • 创建vue项目
    1.找到目标地址,打开cmd2.vuecreateprojectname   在地址栏里面输入cmd,别用Powershell 3.安装和引入安装axios:npmiaxios 安装boot......
  • vue作用域插槽-cnblog
    使用场景:父组件需要使用到子组件的data时例子父组件有list数组,传递给子组件,子组件将数组中的属性全部显示出来,但是用什么标签显示这些属性不确定(使用插槽)父组件传......
  • vue侦听器深度侦听-cnblog
    简单类型不需要加上引号如对象user.name(注意加上引号)watch:{ "obj.name":{ ...}}侦听器的应用(存入本地存储localStorage)也可以在组件销毁时存入本......
  • vue/ts 新建项目时好用的配置 【vite.config.ts、tsconfig.json、】
    创建完项目后的基础配置用vite创建初始vue项目后,会生成一个默认的vite.config.ts文件创建完的内容import{defineConfig}from'vite'importvuefrom'@vitejs/plu......
  • ant-design-vue a-table在scope-slot中获取column中的key
    通过{{column.key}}获取key<templateslot="dwAction"slot-scope="text,record,index,column"style="text-align:center"> {{column.key}}</template>column......
  • vue.js客服系统实时聊天项目开发(二十一)vue项目中引入静态资源
    Vue中使用静态资源的方式有以下几种:直接使用URL地址:在模板中直接使用静态资源的URL地址即可,如:<imgsrc="https://example.com/img/logo.png"alt="Logo">使......