首页 > 其他 > 详细

在render函数中如何实现v-model

时间:2020-03-05 23:50:35      阅读:573      评论:0      收藏:0      [点我收藏+]
export default{
    data(){
        return{
        }
    },
    render(h){
        let that=this;//为了防止this的指向发生改变
        console.log("render中的this", this);//Proxy?{}对象
        return h('input',{
            // wa你想咋个命名就怎样
            wa:{
                value: that.value,//获取值
            },
            // 事件on,用来监听input事件
            on:{
                'input':function(event){
                    that.$emit('input',event.target.value)
                }
            }
        }
       );
    }
}

在使用的页面中

import aa from "./myrender"
  
   <aa v-model="name"></aa>
   {{name}}

  data(){
     return{
         name:"",
     }
  }

 components:{
     aa
 }

技术分享图片

在render函数中如何实现v-model

原文:https://www.cnblogs.com/IwishIcould/p/12423814.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!