vue element ui 怎么点击按钮隐藏让另外一个按钮显示

vue element ui 怎么点击按钮隐藏让另外一个按钮显示,第1张

1、新建一个html页面,然后在这个代码页面上创建一个div标签id为app,然后在这个div标签里创建一个按钮标签和一个用于显示隐藏的div标签。

2、引入vue.js。在body结束标签前面使用<sctipt>引入vue.js文件。

3、为vue创建挂载点。在vue.js引入文件后面新建一个<sctipt>标签,然后创建vue的挂载点。

4、使用data创建show属性,默认值为true;使用metheds创建一个点击事件(showCont),该事件处理当show值为true就修改给false,当show为false就修改为true。

5、添加显示隐藏功能。在按钮标签上添加点击事件showCont,在按钮标签后的div标签上使用v-if添加show属性。

6、保存html代码,然后使用浏览器打开,点击按钮会发现按钮后面的文字隐藏了,再次点击按钮隐藏的内容又显示出来。

      *** 作方法

      01

      在主屏幕,双指往外划,就会进入隐藏应用界面。

      02

      点击添加按钮,勾选你想要隐藏的应用。

      03

      由于某些预装的内置应用,无法添加隐藏。你可以进入手机【设置】-【全部设置】-【应用程序管理】,找到想隐藏的应用点进去,点击【停用】它。

      04

      假如你想恢复应该怎么恢复呢?

      1在桌面空白的地方,两指分开向两边划,隐藏的应用就显示了。

      2点击添加按钮。

      3在d出的窗口里面,把已经隐藏的应用前面的勾去掉,点击“确定”,隐藏的应用就恢复了。

      这个小技巧你GET到了吗?

建议您可以使用隐藏空间或者子账户功能隐藏应用。 *** 作方法如下:

1.开启隐私空间或子用户

开启隐私空间:进入设置>隐私>隐私空间>开启,按照提示创建隐私空间。

创建子账户:进入设置>用户和账户>多用户,选择添加用户,按照提示信息创建子账户。

2.进入隐私空间或子用户中,下载安装需要隐藏的应用。


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

原文地址: http://www.outofmemory.cn/bake/11591801.html

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

发表评论

登录后才能评论

评论列表(0条)

保存