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

发布网友 发布时间：2022-03-25 21:08

我来回答

共4个回答

热心网友 时间：2022-03-25 22:37

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代码，然后使用浏览器打开，点击按钮会发现按钮后面的文字隐藏了，再次点击按钮隐藏的内容又显示出来。

热心网友 时间：2022-03-25 23:55

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、再次保存代码并运行项目，刷新浏览器，然后点击展开按钮，查看树是否有变化。

热心网友 时间：2022-03-26 01:30

热心网友 时间：2022-03-26 03:21

n nsnx

mnmjnjnnfnnn