• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
雨水是浪漫的诗人
博客园    首页    新随笔    联系   管理    订阅  订阅

随笔分类 -  vue

vue-cli中怎么样使用less

摘要:1.安装安装less依赖,npm install less less-loader --save 2.修改配置文件, 在build/webpack.base.conf.js文件的module.exports = 的对象的 module.rules 后面添加一段,添加一段代码 3.在使用的style标 阅读全文
posted @ 2018-03-29 10:15 雨水是浪漫的诗人 阅读(190) 评论(0) 推荐(0)
vue中$refs的使用

摘要:vue中$refs获取组件或元素: 获取的元素就相当于是一个原生获取的元素,可以进行操作 this.$refs.ele.style.color = 'red 阅读全文
posted @ 2018-03-28 18:18 雨水是浪漫的诗人 阅读(2465) 评论(0) 推荐(0)
vue-lazyload懒加载插件的使用

摘要:vue-lazyload懒加载插件的使用其实很简单,不想vue-loader官网用法写的那么简单。下面代码演示: 1.安装插件 npm install vue-lazyload --save 2.引用文件,一般在main.js全局引用,且配置好图片 3.在入口文件添加后,在组件任何地方都可以直接使用 阅读全文
posted @ 2018-03-27 17:44 雨水是浪漫的诗人 阅读(5956) 评论(0) 推荐(0)
vue做nav切换

摘要:话不多说,直接上代码。 关键:通过点击来改变thisindex ,又thisinde == index来控制class是否含active来控制样式 简单效果如下: 阅读全文
posted @ 2018-03-27 15:18 雨水是浪漫的诗人 阅读(283) 评论(0) 推荐(0)
vue+vue-cli+淘宝lib-flexible做移动端自适应

摘要:总结用vue+vue-cli+淘宝lib-flexible做移动端自适应方案: 1.安装淘宝lib-flexible npm install lib-flexible --save 2.在入口文价main.js中引用flexible import 'lib-flexible' 3.由于在开发中rem 阅读全文
posted @ 2018-03-27 11:08 雨水是浪漫的诗人 阅读(1427) 评论(0) 推荐(0)
使用vue时,报错“exports is not defined”

摘要:在开发中引用插件时,报错“exports is not defined” 但在引用第三方组件的时候,在浏览器中报错“exports is not defined”。根据浏览器报错信息,查询到报错来源是第三方组件的一段代码: 经过查资料,这是使用了CommonJs写法,而在应用中并没有做相应的模块转换 阅读全文
posted @ 2018-03-25 15:56 雨水是浪漫的诗人 阅读(19742) 评论(1) 推荐(2)
mockjs在vue中的使用

摘要:mockjs在vue中的使用 安装好vue-cli后 加载模块: npm install mockjs 创建mock.js文件到src目录下的任一合适文件内新建mockjs.js,设置好拦截信息,设置规则可看官网规则 例如下面是模拟的一条数据: import Mock from 'mockjs' e 阅读全文
posted @ 2018-03-14 16:35 雨水是浪漫的诗人 阅读(4979) 评论(0) 推荐(0)
使用npm install时一直报错-4048 operation not permitted

摘要:一:权限问题 首先看到operation not permitted我们能想到权限问题,所以这时候我们可以以管理员身份运行cmd或者直接快捷键Win+X来打开。 二:依赖包错误 如上图,根据错误日志我们可以明显看到这个错误minimatch版本过低和dashdash错误,我们只要全局安装好这两个包问 阅读全文
posted @ 2018-03-02 14:48 雨水是浪漫的诗人 阅读(636) 评论(0) 推荐(0)
vue配置编译本地打开dist/index.html文件

摘要:项目完成后npm run build会生成dist文件,此时直接将dist文件发布到线上即可,若想本地打开dist/index.html可看,一般页面为空,或者报错找不到css和js文件,则需要更改一些路径参数,改成相对当前目录,然后再次运行npm run build 就可以在本地打开index.h 阅读全文
posted @ 2018-03-02 11:47 雨水是浪漫的诗人 阅读(7675) 评论(0) 推荐(1)

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3