自定义组件使用v-model

最新推荐文章于 2025-02-19 15:02:18 发布

原创最新推荐文章于 2025-02-19 15:02:18 发布 · 530 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #javascript

vue 专栏收录该内容

30 篇文章

订阅专栏

一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件


//父组件

    输出：{{childValue}}
    <child v-model="childValue"/>



//子组件

<template>
  <div>
    <el-button @click = "$emit( 'input',!value )" >v-model通过value子组件获取父组件的值 在通过emit（input事件）改变value值</el-button>
  </div>
  
</template>

<script>
export default {
  props:{
    value: {
      type: Boolean
    },
  }
}
</script>