宜搭如通过js隐藏图片和显示图片

最简单的方法： 自定义页面组件都有一个是否渲染的选项，绑定一个变量，控制这个变量即可。 下述代码绑定到按钮上：

export function onClick() {
  const { isShow } = this.state;
  this.setState({
    isShow: !isShow
  });
}

元素的display样式属性为none，则将其设置为block以显示图片；否则将其设置为none以隐藏图片。

可以通过js的display属性去控制。

通过获取img标签，然后通过js设置图片显示和隐藏即可

您好！宜搭通过js隐藏图片和显示图片需要自己会代码开发。开发完点击按钮可以显示和隐藏图片（默认显示）。

可以参考JavaScript之显示和隐藏图片如下：

点击隐藏后，会这样：

以上仅供参考。

可以使用JavaScript来隐藏或显示图像。 以下是一个示例：

• HTML：

<img id="myImage" src="image.jpg">
<button onclick="changeImage()">隐藏/显示图像</button>

• JavaScript：

function changeImage() {
  var image = document.getElementById('myImage');
  if (image.style.display === 'none') {
    image.style.display = 'block';
  } else {
    image.style.display = 'none';
  }
}

• 当用户单击按钮时，调用changeImage函数。该函数检查myImage元素的displayCSS 属性，如果显示图片，则将其设置为“none”以隐藏图像。如果图像已隐藏，则将其设置为“block”，以显示图像。