Vue3父子组件通信_vue3+TS

1.父传子父组件：在子组件上通过 v-bind绑定属性子组件：先定义下基本类型，然后通过setup的第一个参数取获取传过来的值(详细代码见下面）2.子传父父组件：在子组件上绑定一个事件，并定义回调子组件：通过setup的第二个参数去接受，第二个参数包含了（attrs，emit，slots），这里我们用到第二个emit去传值。（本质和vue2差不太多）...

专业切图三十年

7303人浏览 · 2020-12-07 16:32:05

专业切图三十年 · 2020-12-07 16:32:05 发布

1.父传子
父组件：在子组件上通过 v-bind绑定属性
子组件：先定义下基本类型，然后通过setup的第一个参数取获取传过来的值
(详细代码见下面）
2.子传父
父组件：在子组件上绑定一个事件，并定义回调
子组件：通过setup的第二个参数去接受，第二个参数包含了（attrs，emit，slots），这里我们用到第二个emit去传值。
（本质和vue2差不太多）
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^