qq_54207312的博客

只要你的父容器指定了宽度和高度，那么你的img标签中只需要设定宽度即可自动等比例缩放。

想必不少小伙伴已经尝试过很多方法了。我的最终的解决方案也是借鉴的大佬的，直接修改全局样式。引用大佬博客。

初始时，第一个按钮的布尔值为false，所以不会隐藏，当点击按钮时，调用edit事件，届时布尔值取反，第一个按钮布尔值为true，第二个为false，所以第二个按钮显示，而第一个隐藏。我想要实现的场景是，有两个按钮，但页面上只显示一个按钮，另一个隐藏。通过点击按钮时触发事件，先前显示的按钮隐藏，而另一个按钮渲染出来进行其他的事件调用。这里由于我的第二个按钮有其他事件触发，所以没有单独写按钮事件，各位可以自行根据需要补齐。同第一个按钮样，点击第二个按钮时，取反布尔值即可实现显示和隐藏。...

啊啊啊，各位学习vue中的孩子们，你们一定会遇到的，就是表格里面嵌套表单元素，比如文本框或者数字框，然后你会发现，样式是没问题的，但是输入文本的时候，却不显示，仿佛被强制删除了。然后我看了自己的代码，发现表格的单元格实际上已经绑定了prop属性，通过prop的属性值我们可以在data中为其赋值，但当我们在内部再添加一个表单元素，表单元素的绑定又是一个属性值，虽然我们输入以后确实表单数据改变了，但是表格的数据却没有显示，中间仿佛差了一环。经过查阅许多大神的类似问题解决方案，事件啥的，不起作用。...

思路：导航菜单是负责路由跳转的，面包屑和Tags标签通过读取事件路由跳转的数据进行渲染，这里涉及到组件间通信，使用vuex状态管理器来管理这部分数据。使用json-server模拟从后端返回的接口数据：附上使用文档：GitHub - typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously)db.json文件中的数据如下：导航菜单的渲染导航菜单的渲染使用Elm

组件地址：Element - The world's most popular Vue UI framework插件安装及使用访问见文档，超简单的。附上我的代码：需要轮播图功能的组件中：模板代码：解释一下：因为轮播功能大佬团队已经帮我们实现了，是遍历的number，所以效果图中是轮播的数字。我们的需求是轮播图片，意味着遍历的数据源将是图片。所以在data中配置数据源。v-for 指令使用方法见vue.js使用文档：列表渲染 — Vue.js将遍历的结果至于<