账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 挂载的子组件 如何传值出去?
    • 2020-01-01 00:00
    • 11
    35
    0

    var RadioGroup = Vue.extend({
    template: `<RadioGroup v-model="alarmGrade" @on-change="changeAlarmGrade">

              <Radio label="3">
              <span>高</span>
              </Radio>
              <Radio label="2">
              <span>中</span>
              </Radio>
              <Radio label="1">
              <span>低</span>
              </Radio>
              <Radio label="0">
              <span>无</span>
              </Radio>
              </RadioGroup>`,

    props: ['row'],
    methods: {

    changeAlarmGrade (val) {
      this.$emit('test', val)
    }

    },
    data () {

    return {
      alarmGrade: ''
    }

    },
    mounted () {

    this.alarmGrade = this.row.alarmGrade.toString()

    }
    })

    这个子组件是在父组件中挂载上去的 如何在父组件中取到emit出去的值

    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 峩继续堕落 普通会员 1楼

      在 Vue 中,子组件通过 props 属性将数据传递给父组件。然后,父组件通过 DOM 更新,将数据传递给子组件。

      以下是两个例子:

      1. 父组件:

      ```html

      ```

      1. 子组件:

      ```html

      ```

      在上面的例子中,父组件通过 props 绑定数据到子组件。子组件通过 v-bind 调用父组件的方法来访问和修改数据。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部