父组件接受不到子组件的值
父组件
<my-render :multipleData='item' @division-data='divisionData'>
</my-render>
子组件
<script>
export default {
name: 'my-render',
props: {
multipleData: {
required: true
}
},
render(h) {
let _self = this;
return h(
'div',
_self.blankFilling2.split('').map(d => {
if (_self.target.find(t => t === d)) {
return h('input', {
style: {
outlineStyle: 'none',
padding: '5px 0px',
width: '100px',
fontSize: '12px',
marginLeft: '10px',
marginRight: '5px',
border: '1px solid #ccc'
},
domProps: {
value: d
},
on: {
blur: event => {
_self.division.push(event.target.value);
}
}
});
} else {
return d;
}
})
);
},
data() {
return {
target: [','],
blankFilling2: '',
value: '',
division: []
};
},
created() {
let arr = this.multipleData.TopicTitle.replace(/___/g, ',');
this.blankFilling2 = arr;
},
mounted() {},
methods: {
multipleTex() {
let that = this;
console.log(that.division, that.multipleData);
that.$emit('division-data', that.division.toString());
}
},
computed: {},
watch: {
division(a) {
this.multipleTex();
}
}
};
</script>
<style scoped lang='scss'></style>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
<my-render :multiple-data='item' @division-data='divisionData'>
</my-render>