guoguor

vue组件传值 | 子父组件

摘要：一、子父组件 1、子组件获得父组件中的值：通过v-bind方式绑定在子组件中 // 子组件中定义propsprops: ['msg'] // 父组件中： <deleteBar :msg='this.xx' :name='this.yy'></deleteBar> //在以html元素方式插入子组件的阅读全文

posted @ 2020-09-08 15:35 guoguor 阅读(106) 评论(0) 推荐(0)

获取异步请求的结果 | JS | VUEX | axios

摘要：这里都是获取异步axios的请求结果一、async/await的方式（获取一个vuex中的异步请求的结果） 1、在vuex（store中的index.js）中定义异步函数 1> 在mutation里定义同步函数，（用来自异步请求的结果）更新state中的值 mutations: { getDbws 阅读全文

posted @ 2020-09-08 14:26 guoguor 阅读(895) 评论(0) 推荐(0)

删除v-for方法生成的组件的方法

摘要：一、思路在vue:data中的数据对象添加布尔类型的属性，用来表明其是否被渲染，如果需要删除组件，就把这个属性设置为false；在计算属性vue:computed中，根据该布尔属性过滤，生成一个新的数组，在html代码中用渲染新的数组。二、代码示例 1、渲染部分： <div v-for='(i 阅读全文

posted @ 2020-08-10 18:18 guoguor 阅读(403) 评论(0) 推荐(0)

vue-cli生成项目后添加静态资源，第三方js库

摘要：一，从入口文件引入出错： vue-cli 生成项目后，在入口文件 index.html 中引入本地静态js时，出现了错误 Uncaught SyntaxError: Unexpected token < 这个错误属于文件路径的问题。vue 编译时会解析地址，放在 src 文件夹中或者主文件夹中会被编阅读全文

posted @ 2020-08-05 19:13 guoguor 阅读(191) 评论(0) 推荐(0)

shapefile on leaflet，在leaflet上加载shapefile文件

摘要：一，插件 leaflet的官网上，plugins很多。但是这个插件：Leaflet.Shapefile 不太管用，https://github.com/calvinmetcalf/leaflet.shapefile 可以启动的方法用了作者的另外一个插件：https://github.com/calv 阅读全文

posted @ 2020-07-28 19:13 guoguor 阅读(3149) 评论(0) 推荐(0)

webpack中文网的错误&&未更新内容（webpack4）

摘要： https://www.webpackjs.com/guides/ 截止到2020/07/24还存在的错误（一）（管理输出部分）清理dist文件夹无用文件的插件： clean-webpack-plugin 引用地址：https://www.jianshu.com/p/0e99366ce796 使用阅读全文

posted @ 2020-07-24 18:05 guoguor 阅读(220) 评论(0) 推荐(0)

本地运行别人的vue项目；新建一个vue项目；打包并部署一个vue项目

摘要：看别人的程序的过程一，在vs code终端进入该文件夹，（中文不可以出现）二、安装依赖文件； cnpm install 三、安装server cnpm run serve //实际上是运行写在package.json中scripts{}对象里面的脚本 //可以用cnpm init --yes生成阅读全文

posted @ 2020-07-08 16:49 guoguor 阅读(787) 评论(0) 推荐(0)

ajax/JSON

摘要：一、ajax 的作用：触发某个 js 事件后，需要去操作数据库，ajax指令发送消息给后台，后台传回结果，js 在网页中显示操作数据库的结果，页面不会刷新也不会跳转。ajax 就是 JS 和后台数据库 PHP之间的桥梁。 js 发出 ajax 请求，当中会传递值给后台 =》 php 接受请求，并且阅读全文

posted @ 2020-06-16 13:09 guoguor 阅读(140) 评论(0) 推荐(0)

弹性盒模型，FLEX

摘要：一、兼容性 1、各浏览器最新版本都已支持，除了IE 10 / UC , IE 11 已经支持。 //Internet Explorer 10：使用 -ms- 前缀； //UC浏览器：使用 -webkit- 前缀。 2、兼容更老版本的写法 display: -webkit-box; display 阅读全文

posted @ 2020-06-15 23:12 guoguor 阅读(152) 评论(0) 推荐(0)

导航

公告