本文主要是介绍vue渲染函数使用createElement创建可双向绑定的input,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
昨天晚上开始看官方文档的渲染函数这一节。看完后,对createElement的使用还是懵懵懂懂的,只好动动手,再查查资料,总算有些收获。
一、前言
对于createElement这个函数的第二个参数,一定要弄清楚attrs,props,domProps这3个属性的用法,什么时候用。今天说的可双向绑定的input,就用到了domProps。
二、使用
首先定义一个input组件,如下所示:
Vue.component("input_render_demo", {props: ['value'],// template: `// <input type="text" v-bind:value="value" />// `render: function (createElement) {var self = thisreturn createElement('input', {domProps: {value: self.value,type: "text"},on: {input: function
这篇关于vue渲染函数使用createElement创建可双向绑定的input的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!