- 发布:2021-05-29 10:23
- 更新:2021-05-29 10:23
- 阅读:528
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.13
手机系统: 全部
手机厂商: 华为
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
示例代码:
<template>
<view >
<image :src="url" mode="widthFix" @click="url=''"></image>
</view>
</template>
<script>
export default {
data() {
return {
url:"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=598954815,2074626681&fm=26&gp=0.jpg",
}
}
}
</script>
<template>
<view >
<image :src="url" mode="widthFix" @click="url=''"></image>
</view>
</template>
<script>
export default {
data() {
return {
url:"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=598954815,2074626681&fm=26&gp=0.jpg",
}
}
}
</script>
操作步骤:
<template>
<view >
<image :src="url" mode="widthFix" @click="url=''"></image>
</view>
</template>
<script>
export default {
data() {
return {
url:"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=598954815,2074626681&fm=26&gp=0.jpg",
}
}
}
</script>
<template>
<view >
<image :src="url" mode="widthFix" @click="url=''"></image>
</view>
</template>
<script>
export default {
data() {
return {
url:"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=598954815,2074626681&fm=26&gp=0.jpg",
}
}
}
</script>
预期结果:
image显示为空白
image显示为空白
实际结果:
image没有变化
image没有变化
bug描述:
如题:```html
<image :src="url" mode="widthFix" @click="url=''"></image>
在微信开发工具上可以正常达到如期效果,就是图片不显示,但是在APP和浏览器上没有效果
还有image组件在firefox 浏览器中显示不正常,外层view 不设置高度,图片的高度是0
0 个回复