微信小程序电脑端如何让隐藏按钮重新显示的软件

微信小程序电脑端如何让隐藏按钮重新显示的软件,第1张

微信小程序默认情况下,在电脑端预览时会有一个“调试工具”的按钮,可以用于调试和查看页面元素等。如果该按钮被隐藏或不显示,您可以尝试以下方法来让它重新显示:

1. 按下键盘上的“F12”键,打开浏览器的开发者工具。在“Elements”或“Elements面板”中找到代码中的“page-meta”元素,并将其删除或注释掉。

2. 在浏览器的地址栏中输入javascript:console.log(document.querySelector('.devtools') &&document.querySelector('.devtools').remove())并按下回车键,该按钮应该会重新显示。

3. 如果您使用的是Chrome浏览器,可以按下快捷键“Ctrl+Shift+J”,打开浏览器的控制台,输入以下代码并按下回车键:

```javascript

document.body.addEventListener("keydown", function(event) {

if (event.ctrlKey &&event.keyCode === 73) {

return false

}

}, false)

```

这段代码的作用是禁用了快捷键“Ctrl+Shift+i”的功能,防止用户无意中切换到开发者工具。

需要注意的是,微信小程序是为移动设备设计的,因此在电脑端可能会有一些兼容性问题和体验上的不便。如果您需要更好的开发体验,建议您使用微信开发者工具进行开发和调试。

vue的钩子函数:

beforeCreat: 创建前

created: 创建

beforeMount: 挂载前

mounted: 挂载

beforeupdate: 更改前

updated: 更改

beforeDestroy: 销毁前

destroyed: 销毁

小程序的钩子函数:

onLoad: 页面加载

onShow: 页面显示

onReady: 页面初次渲染完成

onHide: 页面隐藏

onUnload: 页面卸载

vue一般会在created或者mounted中请求数据,而在小程序,会在onLoad或者onShow中请求数据

vue动态绑定一个变量的值为元素的某个属性的时候,会在变量前面加上冒号:

小程序绑定某个变量的值为元素属性时,会用两个大括号括起来

vue使用v-if 和v-show控制元素的显示和隐藏

小程序使用wx-if和hidden控制元素的显示和隐藏

vue使用v-on:event绑定事件,或者使用@event绑定事件,@event.stop阻止事件冒泡

小程序用bindtap(bind+event),或者catchtap(catch+event)绑定事件,阻止事件冒泡

vue中如下:

小程序中如下:

vue中的表单元素上加v-model,然后再绑定data中对应的值

小程序中通过this.setData({key:value})将表单上的值赋值给data中的对应值

vue中需要在触发事件的方法中,把需要传递的数据作为形参传入

小程序中需要将参数作为属性值,绑定到元素上的data-属性上,然后在方法中,通过e.currentTarget.dataset.*的方式获取,从而完成参数传递

wxml代码

<view class="test" bindtap="switchButton">

<button hidden="{{buttonHidden}}">切换显示</button>

</view>

wxss代码

switchButton: function () {

this.setData({

buttonHidden: true

})

}

类似这个逻辑,点击view隐藏,切换的话你自己完成吧


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11895265.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存