copytextpop-up

<!--父组件-->
<template>
    <div>
        <child v-model='name'></child>
    </div>
</template>
<script> 
    import child from './child'
    export default{
        name:'index',
        components:{child},
        data(){
            return{
                name:'张三'
            }
        }
    }
</script>
<!--子组件-->
<template>
    <div>
        <input type='text' :value='value' @input='abc'/>
        <div>{{value}}</div>
    </div>
</template>
<script>
    export default {
        name: 'child',
        props:['value'],
        methods:{
            abc(ev){
                this.$emit('input',ev.target.value);
            }
        }
    }
</script>

<!--父组件-->
<template>
	<div>
	<child v-model='name'></child>
	</div>
</template>
<script> 
	import child from './child'
 export default{
	name:'index',
	components:{child},
	data(){
	return{
	name:'张三'
	}
	}
	}
</script>
<!--子组件-->
<template>
 <div>
	<input type='text' :value='value' @input='abc'/>
	<div>{{value}}</div>
	</div>
</template>
<script>
	export default {
 name: 'child',
	props:['value'],
	methods:{
	abc(ev){
	this.$emit('input',ev.target.value);
	}
	}
	}
</script>

隐藏代码

copytextpop-up

<!--父组件-->
<template>
    <div>
        <child v-model='name'></child>
    </div>
</template>
<script> 
    import child from './child'
    export default{
        name:'index',
        components:{child},
        data(){
            return{
                name:'张三'
            }
        }
    }
</script>
<!--子组件-->
<template>
    <div>
        <input type='text' :value='name' @input='abc'/>
        <div>{{name}}</div>
    </div>
</template>
<script>
    export default {
        name: 'child',
        model:{
            prop:'name',
            event:'diyFun'
        },
        props:['name'],
        methods:{
            abc(ev){
                this.$emit('diyFun',ev.target.value);
            }
        }
    }
</script>

<!--父组件-->
<template>
	<div>
	<child v-model='name'></child>
	</div>
</template>
<script> 
	import child from './child'
 export default{
	name:'index',
	components:{child},
	data(){
	return{
	name:'张三'
	}
	}
	}
</script>
<!--子组件-->
<template>
 <div>
	<input type='text' :value='name' @input='abc'/>
	<div>{{name}}</div>
	</div>
</template>
<script>
	export default {
 name: 'child',
	model:{
	prop:'name',
	event:'diyFun'
	},
	props:['name'],
	methods:{
	abc(ev){
	this.$emit('diyFun',ev.target.value);
	}
	}
	}
</script>

隐藏代码