笑丶日葵 2022-02-10 22:40 采纳率: 41.9%
浏览 227
已结题

vue子组件传父组件,值传不过去

子组件

//上传成功的回调
        hangleSuccess(response, file, fileList) {
            this.fileName = response.fileName;
            this.$emit("sendFileName", response.fileName);
            console.log(this.$emit("custom-filename", response.fileName));
            var merchantId = sessionStorage.getItem("token");
            if (this.imageUrl != "") {
                let data = new URLSearchParams();
                data.append("imgname", this.fileName);
                data.append("merchantId", merchantId);
                this.$http.post(this.imageUrl, data).then((res) => {});
            }
        },

父组件

<uploads-img
                    @sendFileName="getfilename($event)"
                    id="0"
                    imageUrl=""
                    class="uploads-img"
                ></uploads-img>
getfilename: function (getfilename) {
//值获取不到,为空
            this.fileimg = getfilename;
//这里打印不出来
            console.log("getfilename", getfilename);
            console.log("this.fileimg", this.fileimg);
        },
  • 写回答

1条回答 默认 最新

  • 前端不释卷leo 新星创作者: 前端开发技术领域 2022-02-10 23:05
    关注

    将父组件中的绑定事件的($event)去掉试试

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 2月11日
  • 创建了问题 2月10日