随笔分类 - vue
摘要：首先，vue和阿里云oss上传图片结合参考了 这位朋友的 https://www.jianshu.com/p/645f63745abd 文章，成功的解决了我用阿里云oss上传图片前的一头雾水。 该大神文章里有写github地址，里面的2.0分支采用vue2.0实现，只不过这个上传图片用的是分片上传，
阅读全文
摘要：直接上代码： html: css: js: 效果如图： 实现思路与注意的点： 1、获取内容的高度要等到dom加载完成之后，在mounted里加一个setTimeout函数，保证能真正获取到 2、当内容的高度高于自己设定的要展示的高度的时候，则只限定在自己要展示的高度中，加一个class解决，注意要o
阅读全文
摘要：vue想要获取dom元素的高，一般情况下我们都可以想到写在mounted函数里，即dom加载完再获取，但是结果并不如我们所想，又想到用一个 来获取，发现根本没用啊/。。 所以好的办法就是用一个setTimeout定时器，时间可以设为0，但是有时候生效，有时候不生效，还是加一个小的时间值比较保险，这样
阅读全文
摘要：通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点， 因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的， 所以是进入页面则直接触发一次，当监听到滚动事件之后，继续加载更多， 所以对于无限滚动加载不需要写首次载入列表的函数， 代码如下： html: vue.js data: metho
阅读全文
摘要：vue data: 实现原理：通过vue v-model 绑定获取到area当前的对象，让后city遍历的时候世界遍历当前获取到的国际的对象下的city就好，当需要向后台传值的，要传的是vue实例下 this.countryName.country
阅读全文
摘要：如果直接在绑定的函数中传入this，则不能正确获取，且不能获取到相关的inputfile对象
阅读全文
摘要：`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。 `Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。 参考原文：http://www.flowerboys.cn/VueJs/2017/0614/99.html
阅读全文
摘要：vue select下拉框绑定默认值： 首先option要加value值，以便v-model可以获取到对应选择的值 一、当没有绑定v-model，直接给对应的option加selected属性 二、当给select绑定了v-model的值的时候，要给v-model绑定的data值里写默认值
阅读全文
摘要：在一些项目需求中需要父组件向子组件动态传值，比如我这里的需求是，父组件动态通过axios获取返回的图片url数组然后传给子组件，上传图片的子组件拿到该数组后进行遍历并展示图片，因为有时候获取到的会是空，所以这里要考虑到动态获取。 方法有两种， 方法一： props传值，这里注意一个问题，传过来的值需
阅读全文
摘要：1、vue 路由 如果传递 params 定义路由的时候是 获取的时候 最后形如 传参的时候 2、如果传递query ?id=str.... 定义路由的时候直接是 获取的时候 传参的时候
阅读全文
摘要：比如在做下拉刷新的时候，切记在下拉刷新的函数中要加 这行代码，否则下拉加载之后一直显示加载中，而不会加载完成。
阅读全文
摘要：1、vue报错: 没安装 less-loader css-loader style-loader 可能的很大原因：没安装less 2、vuex报错：Computed property "xxx" was assigned to but it has no setter 在使用了vuex的情况下，st
阅读全文
摘要：给select加v-model，绑定的值为默认要显示的option的value值，展示的则为option的标签之间的内容，并且如果option的value是双引号，这里绑定的值也要双引号，否则不能正常显示。
阅读全文
摘要：http://www.cnblogs.com/gagag/p/6246493.html https://segmentfault.com/a/1190000008010666
阅读全文
摘要：将方法写出来，销毁在beforeDestroy写。 以下几种方法同样有效： 这里有一点需要注意： 给vue组件绑定scroll事件，如果直接在 mounted钩子中写window.addEventListener("scroll",handleFun()),则页面并不会执行scroll事件，原因如下
阅读全文
摘要：解决办法： mint-ui的search组件input默认也是type="search"类型的，但是还需要在外层包一组form标签，并且带有action,就会在键盘中出现搜索按钮。 如上是方法一： 在手机键盘点击搜索的时候，页面会刷新，所以给form加一个target，target规定在何处打开 a
阅读全文
摘要：在这之前是给路由加一个meta属性： 注意:但是事实是登录的时候大多数时候并不进行跳转，所以这里需要在login跳转的路径中再加一段：
阅读全文
摘要：vue-cli生成的项目，vue项目配置了不同开发环境的接口地址，axios.defaults.baseURL如何引用这个地址，这是在我发布项目的时候考虑的，于是想到了 方法一： config下配置文件分别如下： dev.env.js: 'use strict' const merge = requ
阅读全文
摘要：iview的单选按钮如果想要加点击事件，加在 RadioGroup 上和 Radio 上都不生效，这时，可以给组件外包裹一个标签，然后加事件，就完美解决了。
阅读全文
摘要：找了好多，终于找到了原因，如果想要让列表返回的是一个img标签，并且设置img的src，这里不能用props，而是要用domProps就ok了。
阅读全文