Uniapp 开发备忘

通过ref调用组件内方法

如果u-upload组件中有upload方法，我想在组建外调用，需要先声明组件的ref，然后在需要调用时通过ref调用组件内对应的方法。

// 定义组件ref
<u-upload ref="uUpload">...</u-upload>

// js内调用
this.$refs.uUpload.upload()

修改组件内属性

例如组件内有fileList属性，默认为[]，若想时时修改fileList，可在调用组件时用:file-list将其指向我们外部的属性

// 组件
export default {
    name: 'u-upload',
    props: {
        //是否显示组件自带的图片预览功能
        fileList: {
            type: Array,
            default() {
                return [];
            }
        }
    }
}

// 将fileList改用外部定义的customList
<u-upload ref="uUpload" :file-list="customList">...</u-upload>

export default {
        data() {
            return {
                customList: ["http://list"]
            }
        }
    }