随笔分类 -  vue

vue学习交流
vue实现简单的轮播效果
摘要:实现简单轮播图,如图: 一、页面布局: <template> <div class="slide-show" @mouseover="cleanInv" @mouseout="invIndex"> <div class="slide-img"> <a :href="slides[nowIndex]. 阅读全文

posted @ 2020-01-02 15:51 碎片时间 阅读(5140) 评论(0) 推荐(0)

vue2.0模拟后台数据交互
摘要:一、模拟后台数据,需要vue-resource组件 1.$npm install vue-resource --save 2.在main.js中引入并使用 import VResource from 'vue-resource' Vue.use(VResource); 二、模拟后台数据配置 这里用e 阅读全文

posted @ 2019-11-19 17:10 碎片时间 阅读(504) 评论(0) 推荐(0)

[转发]mock.js在vue中的使用(axios请求数据)
摘要:第一步:安装: 在命令行中执行: npm install mockjs; 或直接<script src="http://mockjs.com/dist/mock.js"></script> 第二步:定义index.js文件 我们新建一个mock文件夹,此文件夹中建一个index.js文件: 第三步: 阅读全文

posted @ 2019-05-17 17:32 碎片时间 阅读(235) 评论(0) 推荐(0)

vue在main.js中全局引用css的方法及坑
摘要:步骤: 1、配置文件webpack.config.js: { test:/\.css$/, loader:'style-loader!css-loader' } 坑1:-loader尾缀 坑2:Module build failed: Unknown word 模块创建失败:未知文字???? 解决方 阅读全文

posted @ 2019-03-25 15:45 碎片时间 阅读(18179) 评论(0) 推荐(0)

vue data中调用图片的相对路径
摘要:直接将图片源文件放在项目目录的static文件夹里,然后和正常写图片路径那样写就可以了,不支持自定义的图片路径 阅读全文

posted @ 2019-02-26 10:54 碎片时间 阅读(1692) 评论(0) 推荐(0)

Vue项目碰到"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件"报错
摘要:解决办法: 最后将项目里的“node_modules”文件夹删除,然后在cmd中cd到项目目录,依次运行命令:npm install和npm run build,最后运行npm run dev后项目成功运行。 阅读全文

posted @ 2019-01-16 12:20 碎片时间 阅读(471) 评论(0) 推荐(0)

转:vue项目如何刷新当前页面
摘要:想必大家在刨坑vue的时候也遇到过下面情形:比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种: 如果希望点击确定的时候,Dialog 对话框关闭的时候,当前http://localhost:9530/#/supplier/supplierAll页面可以重新刷新下 那么表格的数据 阅读全文

posted @ 2018-12-12 10:18 碎片时间 阅读(347) 评论(0) 推荐(0)

导航