zoukankan      html  css  js  c++  java
  • $emit("input")小例子

    子组件:

    <template>
        <div>
            <div class="group">
                <label>{{title}}</label>
                <input type="text" placeholder="请输入" @input="changeData()" v-model="val">
            </div>
        </div>
    </template>
    
    <script>
    export default {
        props:["title"],
        data () {
            return {
                val:""
            }
        },
        methods:{
            changeData:function(){
                console.log(111);
                this.$emit('input',this.val);
            }
        }
    }
    </script>

    父组件:

    <cmsGroup title="用户名" v-model="username"></cmsGroup>

  • 相关阅读:
    Aizu
    Aizu
    POJ
    POJ
    POJ
    UVA
    manacher
    Gym
    Gym
    Gym
  • 原文地址:https://www.cnblogs.com/fqh123/p/13299516.html
Copyright © 2011-2022 走看看