- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue 中引入使用其他字体
1 .在src下新建文件夹common，将字体文件放入2.在common文件中新建font.css@font-face { font-family: 'SourceHanSans'; //自定义文字名 src: url('./SourceHanSansCN-Normal.otf'); //路径引入文字 font-weight: normal; ...
2019-04-30 11:35:35
5121
1
原创 vue 手机端 省市区区域选择
1 后端接口获取城市信息2先获取省根据用户点击的省获取市3再根据用户点击的市获取区组件代码：<template> <div class="city"> <!-- 点击此处 省市区选择出现 --> <div class="chooseCity" @click="clickCity">{{choo...
2019-04-23 15:11:35
2842
原创 vue 百度地图 获取用户当前城市
根目录index.html中 引入你的百度地图api key是你的秘钥 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=key"></script>webpack.base.conf.js文件中增加 与entry同级 externals...
2019-04-19 17:21:44
1214
原创 vue封装axios mock模拟数据请求
新建 http.js文件import axios from 'axios'//引入vant的UI框架import {Toast} from 'vant';//axios 统一配置var instance = axios.create({ baseURL: '/', timeout: 6000, headers:{"token":"12333"}});...
2019-04-18 18:00:21
1160
原创 vue 表格过滤
效果：组件代码：<template> <div> <input type="text" v-model="searchText"> <ul> <li v-for="(book, index) in filterBooks" :key="index"> 序号 : {{index}}, 书名 ...
2019-04-17 10:33:51
1077
原创 vue 调用百度地图 搜索城市和地标位置
效果：安装：npm install vue-baidu-map --savemain.js引入：import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ ak: 'fHrNQ...
2019-04-17 10:28:47
5161
2
原创 vue 移动端 省市区选择
效果：安装：npm install v-distpicker --save组件代码：<template><div><li > <div class="left"> <span>所在地区</span> </div> <div class="ri...
2019-04-17 10:21:26
3813
原创 vue 文字加密
效果：组件代码：base64npm install --save js-base64md5npm install --save js-md5<template> <div> </div></template><script>import md5 from 'js-md5';var...
2019-04-17 10:13:06
590
原创 vue 图片上传 回显 删除
效果：组件代码：<template> <div> <!--照片区域--> <div v-for="(urls, index) in imgs " :key="index" style="float: left; margin: 10px ; border: 1px solid #ccc;">...
2019-04-17 10:08:29
1748
原创 vuex小案例 组件共用数据
效果：store中的内容：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export const store = new Vuex.Store({ state:{ products:[ {name:"马云",price:200}, {name:"马化腾",price...
2019-04-17 10:01:12
309
原创 vue同一组件视图 点击不同路由 渲染不同img图片
最终效果：组件所有代码：<template> <div class="detailsBox"> <div class="detailsLeft"> <div class="produbox"> <img :src="getUrl"> ...
2019-04-11 15:23:47
1144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人