Element: upload 组件里动态绑定的 file-list 属性值,没有双向绑定。

Created on 13 Apr 2017  ·  11Comments  ·  Source: ElemeFE/element

我在官网的帮助文档里发现 upload 组件可以绑定 file-list , 但是当我添加了文件后, 绑定到 file-list 对象的数据并没有变化。

例子:
HTML部分:

<el-upload
    class="avatar-uploader"
    action="http://192.168.1.179:1081/sys/fileUpload"
    :withCredentials="true"
    :show-file-list="true"
    :auto-upload="false"
    ref="logoImage"
    :file-list="logos"
    :multiple="true"
    :on-change="changedabc"
>
<img v-if="logo.url" :src="logo.url" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>

JS:

export default {
    data() {
      return {
        logos: [{name: 'food', url: 'abc.jpg'}],
        logo: {id: "", url: "", netUrl: ""}
      }
    },
    watch: {
      logos: {
        deep: true,
        handler: function () {
          console.log("OK----")
        }
      }
    }
}

当用户选择文件后, 页面显示正常 ,但是数据 logos 没有变化。

Most helpful comment

建议再读读 Vue 文档。

All 11 comments

你好,因为本 issue 不符合我们的规范,所以被关闭了。请使用 issue-generator 提交 issue。相关信息:#3692。

Vue 2.0 本来就没有双向绑定。

Input v-model 就可以双向绑定啊。 vue 都可以双向绑定啊。

建议再读读 Vue 文档。

看到了。

如果你觉得可以双向绑定,那么请解释一下为何这个 demo 里 input 的 disabled 属性在不断变化时,myDisabled 始终保持为 true

你说的对。 i saw

当用户选择自动上传为 false 时,用户上传了文件时,能不能添加一个功能,回调我一下下。

我要实现:上传文件后,客户端计算文件的MD5, Ajax一次和服务器进行比较, 如果一致,就不用传了。 如果不一致,就上传。
所以想,自动上传设置为flase , 触发我的事件, 事件里手动上传 。

这个功能在 #4192 里同步。

ok

el-upload怎么在没有选择文件时也能提交?

Was this page helpful?
0 / 5 - 0 ratings