qq_54207312的博客

然后我们去新页面拿参数时，发现有时候是undefined，原因就在于传递参数时，必须是对象格式才能正确传输哦。

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

这个错误常规的原因是引入组件或者引入API（请求接口）时的路径错误，但是今天我发现一个极其古怪的错误。

代码】【前端学习日记】vue子组件怎么调用父组件的方法。

这让我想起了，之前我也出现过类似的错误是，我是先写好了组件中的请求也引入了，但是忘了配置axios。也得注意一下是不是忘了写配置。我的错误原因是：我的axios请求配置了一个请求方法，然后当我在组件中调用的时候，却没有通过import引入进来。一开始查网上帖子，看其他人出现报错也是引入这一块儿，原因是引入方法没有加花括号。解决办法：在script标签内通过import方法引入即可。另外报错的是其实指向了一些地方，可以重点排查！...

为什么跨域：据说是浏览器的同源策略，不允许协议、端口、路径不一致的IP相互访问，详情可以自行百度或文档。那我们一般的一般开发的时候就是会打开一个本地服务器嘛，如localhost:8080等，那么我们访问下面这个地址:https://www.baidu.com/index/ding.json的话，就违背了同源策略。自己项目本身用的是最后那种方便的形式，但是一直配置不生效，后来对着大佬文档一个字一个字扣，终于不报跨域的错误了。3、因为请求是从服务端发出的，所以就不存在跨域的问题了。第二部分：axios配置。.

亲测了打印表单成功了，就是后面想转换成表格的样子，还在研究。

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

初始时，第一个按钮的布尔值为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

先附上axios中文文档，英文文档太过具体了，经常进不去。axios中文文档|axios中文网 | axios常用api(增删改查)：get（查询数据） post(新增数据) put(修改数据) delete(删除数据)----对应数据库的增删改查两种基本使用方式：对象式、函数式对象式：函数式：注意：① 函数式里面设置了一个全局axios默认值，所有后面所有请求的配置url都是写的相对地址，在发起请求时会自动补全地址。② 前端用的最...

两个方法：① 配置路由时，设定根目录路由路径：‘/’ ，并根据匹配规则为其指定一个路由显示组件 --该方式就是常规的路由配置，就是将路径设为根目录，这样在访问网站首页的时候，就可以默认显示这个匹配的组件。RouterView将是你自己想显示的组件App.vue中② 通过路由重定向 --- redirect第一步同样是设定根目录路径为：“/”，但为其增加一个全新的配置项 --redirect，这样的话，当访问根目录路径时，就会重定向一个新的路径匹配的组件。而且根目录的跳转是

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

---上次发了个大佬的滚动条，发现不能用在body页面上。---于是请求同学大佬给了究极解救方案方案如下：外部引入一个滚动条样式文件到main.js，然后然后在app中全局使用一下。binggo--可以修改全局的滚动条样式啦。而且整个页面的风格统一用户接受度更高。附上代码：① 新建一个css后缀文件，放入静态文件夹，其实放哪儿都可以。可以自己统一把这些样式放哪个文件夹：我这里是放在assets静态资源文件夹中的：② main.js中引入外部css文件③ 在app.vue中让所

大佬代码地址：GitHub - tangdaohai/vue-happy-scroll: 基于vue2.0实现的滚动条插件。scroll component for vue2.0相当丝滑---使用方式见大佬文档我的方式全局注册：在需要的组件中使用：注意事项：① 注意使用时，插件标签为<happy-scroll> ，我就写错了，找半天---绝绝子② 外部需要设置一个<div>容器，且要设置宽度（横向滚动条）或者高度（竖向滚动条）③ 滚动条的出现就

Vue提供了很好用的模板语法，包括插值语法 {{ }} 和指令语法v-？。使用指令语法很容易就可以为文档对象添加事件。比较常用到的事件就是鼠标事件和键盘事件了。当用户使用鼠标点击网页上的某个元素，或者使用键盘按下某个键，会执行对应的回调（callback），进而在短时间内产生动作。比如给button标签添加一个click（点击）事件，使用插值语法的简写形式：@click=“showinformation”，即当鼠标点击时，执行showinformation这个函数。接着在script结构的met