uniapp中点击按钮显示图片
时间: 2024-05-31 19:05:52 浏览: 121
ColorUI_UniApp_html_uniapp_js_DEMO_colorui_
在uniapp中,可以通过以下步骤实现点击按钮显示图片:
1. 在template中创建一个按钮元素,绑定一个点击事件:
```
<template>
<view>
<button @tap="showImage">显示图片</button>
<image v-if="isShowImage" src="/static/image.png"></image>
</view>
</template>
```
2. 在script中添加showImage方法,设置isShowImage为true,从而显示图片:
```
<script>
export default {
data() {
return {
isShowImage: false
}
},
methods: {
showImage() {
this.isShowImage = true
}
}
}
</script>
```
这样点击按钮后,就会显示一张名为image.png的图片。
阅读全文