vue
前端奥斯卡小金人
这个作者很懒,什么都没留下…
展开
-
uniapp使用icon图标
把自己喜欢的图标放入购物车点击添加至项目点击确定点击下载到本地下载后是一个压缩包,解压后可以将这四个删除掉,然后将文件放到项目的static文件夹里这时,需要修改iconfont.css里面的路径,用~@来引入本地路径若全局使用,可以在app.vue里引入 @import url("./static/fonicon/iconfont.css"); /*每个页面公共css */最后就是想在哪个组件里使用,就可以直接用了效果如下:...原创 2021-04-13 16:32:03 · 625 阅读 · 0 评论 -
浏览器刷新vue自动跳转到某一页面
在vue.app里创建一个mounted生命函数,在methods里写入一个方法: mounted(){ this.beforeCreate() }, methods:{ beforeCreate () { // 浏览器刷新之后回到登录页面 if (this.$router.path !== '/') { this.$router.replace('/about') } } }...原创 2021-03-24 11:01:19 · 486 阅读 · 0 评论 -
openlayers+vueCli去除默认放大缩小以及右下角的链接
只需要在css里写入:.ol-overlaycontainer-stopevent { display: none; }注意:如果没有效果,请查看style标签是否有 scoped效果如下:原创 2021-03-16 11:41:34 · 387 阅读 · 0 评论 -
openlayers+vueCli
openlayers+vue-cli入门vue-cli安装好后下载openlayers:npm install ol然后自己创建一个vue文件,创建一个div,设置好宽和高<div id="map"></div>再引入一下模块:import 'ol/ol.css';import Map from 'ol/Map';import OSM from 'ol/source/OSM';import TileLayer from 'ol/layer/Tile';impo原创 2021-03-09 14:17:12 · 247 阅读 · 0 评论 -
vue兄组件之间进行传值
vue兄组件之间进行传值今天在此记录一下我在学习vue时遇到的相对有点不太容易理解的地方-兄弟组件之间进行传值的过程,在此发表一下我的理解和记录学习的过程。--------------------------------------------------------------首先需要写入一个事件管理组件 : //事件中心,兄弟组件之间传值全靠它 var hub=new Vue();兄弟组件之间传值需要有监听事件和销毁事件 :// appent为监听事件名称,兄弟组件用这个原创 2021-01-06 17:30:34 · 98 阅读 · 0 评论