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

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


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

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

  • ????前端:avue
  • ????后端:ssm(Springboot+SpringMvc+Mybatis Plus),不过后台技术今天涉及不到

????需求说明

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

image-20210815215357978

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

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

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

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

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

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

                                               ——来自网络

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

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

相关文章
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
3443 0
|
JavaScript 内存技术
node与npm版本对应关系以及使用nvm管理node版本
node与npm版本对应关系以及使用nvm管理node版本
7518 0
|
设计模式 JavaScript 开发者
深度解析Vue中的插槽机制:打开组件设计的无限可能
深度解析Vue中的插槽机制:打开组件设计的无限可能
293 1
|
JavaScript
vue给table组件添加合计
vue给table组件添加合计
341 0
|
数据格式
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧,包括多列合并和单列合并的方法,并提供了相应的示例代码和运行效果。
9479 1
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
2980 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
JSON 前端开发 JavaScript
JSON parse error: Cannot deserialize value of type `java.lang.Integer` from Boolean value
这篇文章讨论了前端Vue应用向后端Spring Boot服务传输数据时发生的类型不匹配问题,即后端期望接收的字段类型为`int`,而前端实际传输的类型为`Boolean`,导致无法反序列化的问题,并提供了问题的诊断和解决方案。
JSON parse error: Cannot deserialize value of type `java.lang.Integer` from Boolean value
|
移动开发 小程序 前端开发
小程序业务域名配置如何将文件放置在域名根目录说明
最近的需求中要求在小程序中跳转h5项目,前端需要提供一下业务域名.简单记录一下配置的注意事项
小程序业务域名配置如何将文件放置在域名根目录说明