Uniapp 开发备忘

通过ref调用组件内方法

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

// 定义组件ref
...
// js内调用
this.$refs.uUpload.upload()

修改组件内属性

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

// 组件
export default {
    name: 'u-upload',
    props: {
        //是否显示组件自带的图片预览功能
        fileList: {
            type: Array,
            default() {
                return [];
            }
        }
    }
}
// 将fileList改用外部定义的customList
...
export default {
        data() {
            return {
                customList: ["http://list"]
            }
        }
    }

你可能感兴趣的:(Uniapp 开发备忘)