Vue父组件监听子组件值变化

子组件组件1.通过this.$emit(‘方法’,监听的值)this.$emit('changeName',this.nackName)2.父组件// 子组件<component @changeName="nickName" />// 父组件方法methods:{nickName(name) {// 给需要的地方赋值this.texts = name;},},...

M father

6377人浏览 · 2021-04-22 15:31:26

M father · 2021-04-22 15:31:26 发布

子组件组件

1.通过this.$emit(‘方法’,监听的值)

this.$emit('changeName',this.nackName)

2.父组件

// 子组件
<component @changeName="nickName" />
// 父组件方法
 methods:{
     nickName(name) {
     // 给需要的地方赋值
     this.texts = name;
   		},
    },

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}$/, //不连续的两位字母// /^