
Vue
文章平均质量分 70
冰谷悠
蹉跎在前端之路的迷茫蜉蝣
展开
-
高德地图导入(选点读取地址和经纬度)
高德地图官方文档实现效果:点击某处跳出弹窗,在弹窗中选择地图并返回显示地址。<style> #container {width:500px; height: 450px; } .modal_bg { display: none; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; background-color: rg原创 2020-06-22 09:05:16 · 5866 阅读 · 0 评论 -
uni-app小记内容。
①小程序规定:750rpx = 屏幕的宽度。②H5规定:100vh = 屏幕的宽度。原创 2020-07-29 09:36:40 · 295 阅读 · 0 评论 -
Vue项目小记录(包含uni-app)
微信轮播图 uni-app(vue)的写法:<template><view class="m-banner"> <swiper :indicator-dots="indicatorDots" indicator-color="rgba(179,179,179,1)" :autoplay="autoplay" :interval="interval" :duration="duration"> <block v-for="(item,in.原创 2020-10-07 12:43:22 · 260 阅读 · 0 评论 -
Vue学习笔记(不含组件)
Vue实例生命周期①beforeCreate,data和methods中的方法还未初始化。②created,data和methods已初始化完毕,可操作data或methods的数据。③beforeMount,模板已在内存中编译,但未挂载到页面上,页面还是旧的。④mounted,操作DOM最早在这个方法中操作,整个Vue实例已初始化完毕。⑤beforeUpdate,页面上的数据还是旧的,但data中数据已被更新,页面和数据不同步。⑥update,在此之前渲染出最新的内存DOM树,实现从Model原创 2020-10-07 12:44:55 · 204 阅读 · 0 评论 -
Vue组件学习相关
组件相关知识①组件注册:变量名大小写不敏感,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名),如:Vue.component('blog-post', { props: ['postTitle'], // 在 JavaScript 中是 camelCase template: '<h3>{{ postTitle }}</h3>'})<!-- 在 HTML 中是 kebab-case--><原创 2020-10-13 09:08:56 · 250 阅读 · 0 评论 -
用Vue手写mobile和PC端的下拉框
手机端制作:首先div制作一个蒙层和模板,利用showTeam状态切换显示和隐藏。<div @click="openSelectModal">我是选择栏</div><div class="select-bg" v-if="showTeam" @click="closeModal"></div> <div class="select-modal" v-if="showTeam"> <div class="title">请选择x原创 2020-11-10 11:10:50 · 873 阅读 · 0 评论 -
只需十步,彻底搭建Vue项目!(涵盖过程坑点,报错解决方法)
参考地址:vue-cli创建webpacknpm install -g @vue/cli-initvue init webpack mywebpack 【mywebpack:项目文件夹名称】安装依赖,以及其他脚手架element-ui:cd my-first-projectnpm i element-ui -S / npm install vue bootstrap-vue bootstrapnpm install运行项目:npm run dev...原创 2020-12-04 10:09:02 · 161 阅读 · 0 评论