草稚
草稚
  • 发布:2024-04-24 16:49
  • 更新:2024-07-19 18:25
  • 阅读:232

#插件讨论# 【 uni-file-picker 文件选择上传 - DCloud前端团队 】:value无效

分类:uni-app

文档链接:https://uniapp.dcloud.net.cn/component/uniui/uni-file-picker.html#value-%E6%A0%BC%E5%BC%8F
我正在学习uniapp开发,使用上面文档链接的代码时图片未显示,如图只显示了标题,图片未显示,后来将":value"改为“v-model”后才正常显示,这是什么原因,":value"还有用吗?

<uni-section title="自定义图片大小" type="line">  
            <view class="example-body ">  
                <uni-file-picker readonly :value="fileLists" :imageStyles="imageStyles" file-mediatype="image">  
                </uni-file-picker>  
                <uni-file-picker readonly :value="fileLists" :listStyles="listStyles" file-mediatype="all">  
                </uni-file-picker>  
            </view>  
        </uni-section>  

<script>  
    export default {  
        data() {  
            return {  
                // ...  
                fileLists: [{  
                    url: 'https://images.weserv.nl/?url=https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg',  
                    extname: 'png',  
                    name: 'shuijiao.png'  
                }, {  
                    url: 'https://images.weserv.nl/?url=https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg',  
                    extname: 'png',  
                    name: 'uniapp-logo.png'  
                }, {  
                    url: 'https://images.weserv.nl/?url=https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg',  
                    extname: 'png',  
                    name: 'shuijiao.png'  
                }]  
            }  
        },  
        methods: {  
            // ...  
        }  
    }  
</script>
2024-04-24 16:49 负责人:无 分享
已邀请:
BFC

BFC

你好,这是vue2和vue3的语法差异问题 vue2 使用v-model或者 props value字段 , vue3 是v-model或者 props modelValue 字段。 后续版本会同时支持 props value 和 props modelValue

vue3 v-model 指令语法
vue2 v-model指令语法

要回复问题请先登录注册