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

有没有人可以解决啊,急!!!!... 有没有人可以解决啊,急!!!! 展开
 我来答
yesyes科
2020-03-22 · TA获得超过2.6万个赞
知道答主
回答量:608
采纳率:0%
帮助的人:10.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代码,然后使用浏览器打开,点击按钮会发现按钮后面的文字隐藏了,再次点击按钮隐藏的内容又显示出来。

依然特雷西sky
高粉答主

2020-03-22 · 繁杂信息太多,你要学会辨别
知道答主
回答量:1511
采纳率:33%
帮助的人:69.1万
展开全部

1、在已新建的Vue项目,安装element依赖包,然后新建一个TreeData.vue组件文件。

2、打开vue文件,向template标签中插入一个form表单,并添加一个按钮和树形控件。

3、在<script></script>标签中,添加treeData和defaultProps对象值。

4、接着打开App.vue文件,导入组件TreeData;然后使用命令运行项目,打开浏览器查看效果。

5、修改vue文件代码,给el-tree添加属性ref,动态加一个属性default-expand-all。

6、在data对象中,设置isExpand为false;在methods中,添加按钮点击事件和遍历树形控件的方法。

7、再次保存代码并运行项目,刷新浏览器,然后点击展开按钮,查看树是否有变化。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
136775565
2018-04-20 · TA获得超过1113个赞
知道小有建树答主
回答量:866
采纳率:88%
帮助的人:835万
展开全部
你示例代码中的show等于是vm变量啊,想在slot-scope里面控制应该是跟相应列的数据绑定才可以,用vm变量就成了整个表格全部按钮显示隐藏了。
你可以给表格的源数据每项都加上show属性,el-button根据scope.row.show来处理显示隐藏,click回调里面只要修改对应row的show就能实现你要的效果了
ps:按我经验一般来说这种user禁用启用是跟后台数据关联的,你直接判断后台回调的那个数据字段是禁用还是启用来显示对应按钮就可以了
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
suizonghe
2019-10-25
知道答主
回答量:1
采纳率:0%
帮助的人:688
展开全部

n nsnx

mnmjnjnnfnnn

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式