父组件接受不到子组件的值

发布于 2022-09-30 23:10:07 字数 1623 浏览 19 评论 0

父组件

<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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

凉栀 2022-10-07 23:10:07

<my-render :multiple-data='item' @division-data='divisionData'>
</my-render>

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文