vue自定义表单生成器form(2)

formCreate.maker.template('<el-button @click="onClick" long :disabled="disabled">计数器-{{num}}</el-button>', new Vue({ props:{ //预定义 disabled:Boolean, value:Number, }, data: function () { return { num: this.value, } }, watch:{ value(n){ this.num = n; } }, methods: { onClick: function () { this.num++; //更新组件内部的值 this.$emit('input',this.num); }, }, }), 'tmp', '自定义 title').value(100).props('disabled',false)

完整示例

vue自定义表单生成器form

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/5838bdd5db2dd36360ae17a68dc633ad.html