avue中怎样隐藏新增和编辑的按钮

左手的ㄟ右手 2022-09-05 04:17 263阅读 0赞

![fe99410814144ae6596ab7da400ed689.png][]

> “
> 
> 大家好，我是雄雄，欢迎关注微信公众号：????雄雄的小课堂????
> 
> ”

????‍♂️今天给大家分享的技术是：`avue`中如何设置新增和编辑的按钮隐藏掉。

## ????‍????涉及技术 ##

*  ????前端：`avue`
 *  ????后端：`ssm(Springboot+SpringMvc+Mybatis Plus)`，不过后台技术今天涉及不到

## ????需求说明 ##

通常情况下，我们将表中数据展示出来之后，用户都是可以对每条数据进行增\*\*（添加）删（删除）改（修改）查（查看）\*\*操作的，但是某些特定的情况下，我们只希望用户可以对数据进行查看和删除，不希望新增和修改操作，怎么办呢？

![68becfc6dbe8a92f59345f490b201e1f.png][] image-20210815215357978

## ????‍????代码实现 ##

代码实现很简单，只需要在前端`vue`页面中的`option`中添加两行代码：

addBtn:false，   //添加按钮
    editBtn:false    //修改按钮

这样运行项目就看不到新增和编辑的按钮啦！

昨天看到一句话，顺便在这分享一下，原话是这样的：

> “
> 
> ????‍♀️其实做好个联网产品常简单，只要把联网用户想象成为一个脾气非常大，智商非常低，而且常没有耐心，又非常非常小气的人可以了。【不肯出一分钱】
> 
>                                                 ——来自网络
> 
> ”

说明一下：这段话并非贬义，只是站着程序员和产品经理的角度考虑的用户群体。

看完了吗？看完了点个在看和赞在走呗~

[fe99410814144ae6596ab7da400ed689.png]: /images/20220829/bce43942858a43f88bc5d426c8697d3a.png
[68becfc6dbe8a92f59345f490b201e1f.png]: /images/20220829/d335f38f47c54e04b1768b0a15faf5ac.png

发表评论取消回复

表情：

评论列表（有 0 条评论，263人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui隐藏按钮

//置灰并使其失效 $("approvalBtn").addClass("layui-btn layui-btn-radius layui-btn-disab

墨蓝/ 2023年07月05日 13:22/ 0 赞/ 14 阅读

相关 2021-04-30新增和编辑

需求：新增的主要标类别不能和列表中的主要标类别重复，编辑也是一样的 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

谁借莪１个温暖的怀抱￠/ 2023年01月18日 02:24/ 0 赞/ 135 阅读

相关 joolun系统Avue按钮无法显示

同事在做另一个项目的时候。遇到了一个问题。特此记录一下：他用的框架是：[joolun][]系统是由elementui 和[Avue][]构成的。[Avue][]我

秒速五厘米/ 2023年01月07日 04:52/ 0 赞/ 141 阅读

相关 odoo隐藏动作中的按钮

隐藏动作中的按钮 [点我下载完整odoo的demo][odoo_demo] ![在这里插入图片描述][20210414141714343.png_pic_center

拼搏现实的明天。/ 2022年11月19日 04:17/ 0 赞/ 259 阅读

相关 avue中怎样隐藏新增和编辑的按钮

![fe99410814144ae6596ab7da400ed689.png][] > “ > > 大家好，我是雄雄，欢迎关注微信公众号：????雄雄的小课堂???? >

左手的ㄟ右手/ 2022年09月05日 04:17/ 0 赞/ 264 阅读

相关 Odoo(Openerp)中隐藏button按钮，根据组隐藏

[How to show a button for only one group in Openerp][How to show a button for only one g

梦里梦外;/ 2022年08月05日 08:46/ 0 赞/ 301 阅读

相关表格的编辑，删除，新增操作

功能：1、实现鼠标双击时，可编辑表格的内容； 2、可新增行； 3、可删除行；代码： <!DOCTYPE h

淡淡的烟草味﹌/ 2022年07月28日 01:27/ 0 赞/ 213 阅读

相关 mysql怎样新增和删除索引

\----新增索引新增语法： 1.使用alter table关键字 create index index\_name on table\_name (column\

Dear 丶/ 2022年05月12日 01:10/ 0 赞/ 203 阅读

相关 fastadmin中隐藏默认按钮

最近使用fastadmin，在项目中需要删除自带的编辑按钮，没找到删除，找到隐藏。代码如下： {

喜欢ヅ旅行/ 2022年05月08日 11:40/ 0 赞/ 341 阅读

相关 Grid的toolbar上按钮隐藏

toolbar: \[\{ template : '<span id="btn\_add" class="span-btn-size span-span" data-b

男娘i/ 2022年01月12日 06:11/ 0 赞/ 286 阅读