随笔分类 - vue2
摘要：第一种： router.js中添加 mode: 'history', srcollBehavior(to,from,savedPosition){ if(to.hash){ return { selector:to.hash } } } 组件： <template> <div> <ul class=
阅读全文
摘要：1.解决办法 在vue中使用axios做网络请求的时候，会遇到this不指向vue，而为undefined，可以使用箭头函数"=>"来解决。如下： methods: { loginAction(formName) { this.$axios.post('http://127.0.0.1/u/subL
阅读全文
摘要：一.使用Props传递数据 在父组件中使用儿子组件 <template> <div> 父组件:{{mny}} <Son1 :mny="mny"></Son1> </div> </template> <script> import Son1 from "./Son1"; export default
阅读全文
摘要：页面挂载的时候定时器搞起 <el-row> <div class="ui-toolbar" style="height: 32px; line-height: 32px;"> <div style="margin-left:10px;" :class="isExecuteTiming ? 'gree
阅读全文
摘要：大佬链接： https://juejin.im/post/5b55c118f265da0f6f1aa354 一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截
阅读全文
摘要：检查检查是不是加了scoped 在vue中，我们需要引用子组件，包括ui组件（element、iview）。 但是在父组件中添加scoped之后，在父组件中书写子组件的样式是无效果的。 去掉scoped之后，样式可以覆盖。但这样会污染全局样式，为了解决这个问题 我是在引用的组件外面加个id选择器
阅读全文
摘要：微信小程序 小程序里面的class与style绑定，遵循HTML特性绑定，有关于HTML绑定。在进行class与style绑定时，可以直接绑定，也可以带上逻辑与，或者三元运算进行条件控制 JS data: { dClass: 'my-class', dClass1: 'my-class1', dCl
阅读全文
摘要：参考：https://github.com/surmon-china/vue-awesome-swiper 全局引入 局部： 要use 防止初始化过早。要搞key，vue的key不一样dom就会删除重新渲染 未完。。。
阅读全文
摘要：大佬链接：https://blog.csdn.net/weixin_42603150/article/details/82423147 大佬链接：https://blog.csdn.net/c__chao/article/details/78573737
阅读全文
摘要：用了vue cli3.0用axios调用本地json数据一直报404，找了半天郁闷，最后发现原因是，vue cli3.0 public 文件夹才是静态资源文件，问题解决，记录一下，以后不再踩坑。
阅读全文
摘要：点击事件的三元 购物车按钮的三元 绑定内联样式的三元 绑定class样式 注意：数组中的classify如果不加引号的话，代表的是data中的一项，并不是类名，将classify加上双引号，变成字符串就可以变成类名 还可以通过字符串拼接，在第二个class的前面加个空格 注意：active前要加一个
阅读全文
摘要：<button @click="handleAdd1()">add1</button> <button @click="handleAdd2">add2</button> <button @click="count++">add3</button> 不带括号可以直接传一个事件对象 带括号的可以传参。
阅读全文
摘要：<div class="flex-lay" style="color:#999"> <div bindtap="changeType(1)" class="nav" :class="{'nav-active' : active == 1}">日报</div> <div bindtap="changeType(2)" class="nav" :class="{'nav-active&
阅读全文
摘要：条件： npm 更至最新 node >=8.9 1.全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli 2.查看版本/是否安装成功 vue -V image.png 3.在新文件夹下创建项目 vue create my-project im
阅读全文