2019年6月26日
vue.js 如何加载本地json文件
摘要： 在项目开发的过程中，因为无法和后台的数据做交互，所以我们可以自建一个假数据文件(如data.json)到项目文件夹中，这样我们就可以模仿后台的数据进行开发。但是，如何在一个vue.js 项目中引入本地的json文件 vue.js代码如下： 我们JSON数据结构如下： 阅读全文
posted @ 2019-06-26 10:48 Gordon-Guo 阅读(655) 评论(0) 推荐(0) 编辑
vue.js 打包时出现空白页和路径错误
摘要： vue-cli输入命令：npm run build 即可打包vue.js的项目 打包出来后项目中就会多了一个文件夹dist，下图为我们打包过后的项目 我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js路径引用错误的问题。 解决：到config文件 阅读全文
posted @ 2019-06-26 10:36 Gordon-Guo 阅读(696) 评论(0) 推荐(0) 编辑
2019年2月13日
【转】Vue.js——60分钟组件快速入门（上篇）
摘要： 文章作者：keepfool 文章出处：http://www.cnblogs.com/keepfool/ 组件简介 组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树： 那么什么是组件呢？组件可以扩展HT 阅读全文
posted @ 2019-02-13 12:00 Gordon-Guo 阅读(241) 评论(0) 推荐(0) 编辑
Vue.js的路由之——vue-router快速入门
摘要： 直接先上效果图 这个单页面应用有两个路径：/home和/about，与这两个路径对应的是两个组件Home和About。 整个实现过程 JavaScript HTML router.redirect 应用在首次运行时右侧是一片空白，应用通常都会有一个首页，例如：Home页。使用router.redir 阅读全文
posted @ 2019-02-13 11:51 Gordon-Guo 阅读(133) 评论(0) 推荐(0) 编辑
2018年11月14日
JS去除字符串中的中括号
摘要： var str = '这是一个字符串[html]语句;[html]字符串很常见'; alert(str.replace(/\[|]/g,''));//移除字符串中的所有[]括号（不包括其内容） //输出：这是一个字符串html语句;html字符串很常见 alert(str.replace(/\[.*?\]/g,''));//移除字符串中的所有[]括号（包括其内容） //输出：这是一个字符串语句;... 阅读全文
posted @ 2018-11-14 11:46 Gordon-Guo 阅读(9564) 评论(0) 推荐(1) 编辑
js删除对象里的某一个属性
摘要： var a={"id":1,"name":"danlis"}; //添加属性 a.age=18; console.log(a); //结果：Object { id: 1, name: "danlis", age: 18 } //修改属性 a.age="我怎么知道"; //结果：Object { id: 1, name: "danlis", age: "我怎么知道" } //删除属性 delete... 阅读全文
posted @ 2018-11-14 11:44 Gordon-Guo 阅读(33074) 评论(0) 推荐(1) 编辑
2018年10月24日
如何用JS获取地址栏参数的方法
摘要： 采用正则表达式获取地址栏参数： 第一种方式： 写一个方法来进行正则匹配，同样也可以复用 function GetPar(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.sear 阅读全文
posted @ 2018-10-24 16:36 Gordon-Guo 阅读(305) 评论(0) 推荐(0) 编辑
vue遍历数据是对数据进行筛选 过滤 排序
摘要： 使用computed 方法来过滤筛选数据;或者使用methods 方式来筛选过滤数据 阅读全文
posted @ 2018-10-24 16:22 Gordon-Guo 阅读(9973) 评论(0) 推荐(0) 编辑
使用vue-router在页面之间传值及接收值
摘要： 第一页 点击去第二页的时候进行传值直接贴代码看： 红色部分为传值部分，使用this.$router.push()进行传值 第二页面接收从第一个页面传递过来的参数 id 红色部分打印下传递过来的id值，在接受传值的页面里使用this.$route.params.id 即可获取到传递的值 注意，如果刷新 阅读全文
posted @ 2018-10-24 16:06 Gordon-Guo 阅读(8064) 评论(0) 推荐(0) 编辑
webpack+vue-cil跨域配置接口地址代理
摘要： 在vue项目开发的时候，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们现在使用vue-cli进行项目打包的时候，我们在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://xxxx.com 阅读全文
posted @ 2018-10-24 15:56 Gordon-Guo 阅读(644) 评论(0) 推荐(0) 编辑