
vue
Best'
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
es6高阶函数filter、map、reduce的使用
es6高阶函数filter、map、reduce的使用://1、需求:筛选出数组中数字小于100的数字。//2、需求:将数组中的每个数字乘以3.//3、需求:数组中的数组汇总求和。let nums = [10, 20, 50, 88, 99, 32, 288, 12, 266, 22]/** * 旧的写法: * @type {*[]} */let old_newnums = []//1、筛选出数组中数字小于100的数字。for (let i = 0; i < nums.lengt原创 2021-10-26 15:31:03 · 284 阅读 · 0 评论 -
在vue项目中设置网站图标
怎么在我门的Vue项目中设置自定义的网站图标:首先我们需要先制作个ico图标,大小为32*32的,放到static文件夹下,附制作网站,我们把制作好的ico图片改名为:favicon.ico(注:必须改名),放到我们项目中的static文件夹下。分别在webpack.prod.conf.js和webpack.dev.conf.js里面配置ico图标路径:webpack.prod.conf.js文件:webpack.dev.conf.js文件:重启项目,大功告成!...原创 2020-12-31 14:06:38 · 4610 阅读 · 0 评论 -
vue实现倒计时
vue实现倒计时 最近项目中需要用到通过获取系统当前时间和自定义时间(两者之差)实现倒计时的功能,话不多说,直接上代码。。。新建一个文件countdown.vue<template> <p style="font-size: 18px">{{time}}</p></template><script> export default{ data () { return {原创 2020-12-04 09:35:24 · 2489 阅读 · 2 评论 -
vue ant组件实现下拉框加载与搜索
select选择器html<a-select :filter-option="false" #设置false否则web端没效果 show-search :allowClear="true" v-decorator="[ 'deviceCode', { rules: [{ required: true, message: '请选择设备编码名称!' }] },原创 2020-11-17 15:42:01 · 1821 阅读 · 4 评论 -
Vue之Axios跨域问题解决方案
axios中文网址背景:因为axios中只能使用get和post方法来进行请求数据,没有提供jsonp等方法进行跨域访问数据解决方案: 既然使用axios直接进行跨域访问不可行,我们就需要配置代理了。代理可以解决的原因:因为客户端请求服务端的数据是存在跨域问题的,而服务器和服务器之间可以相互请求数据,是没有跨域的概念(如果服务器没有设置禁止跨域的权限问题),也就是说,我们可以配置一个代理的服务器可以请求另一个服务器中的数据,然后把请求出来的数据返回到我们的代理服务器中,代理服务器再返回数据给我们的客户转载 2020-09-23 21:53:30 · 781 阅读 · 0 评论 -
Vue实现markdown编辑器
安装 mavon-editornpm install mavon-editor --save引入mavonEditor import Vue from 'vue' import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css' // use Vue.use(mavonEditor)html代码<div style="width: 100%;height: 100原创 2020-09-21 08:51:29 · 1541 阅读 · 1 评论 -
vue之 Echarts 实例(饼图、折线图)
vue之 Echarts 实例(饼图、折线图)使用npm安装Echartsnpm install echarts --savehtml<template> <div> <div id="pie" class="echarts"> </div> <div id="polyline" class="echarts"> </div> </d原创 2020-09-15 14:30:36 · 433 阅读 · 0 评论 -
vue数字滚动效果
vue数字滚动效果 首先,我们使用bootcdn引用vue的js<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.8/vue.min.js"></script> css样式<style> .divTitleBox { display: flex; box-sizing: border-box; padding原创 2020-07-24 08:34:52 · 485 阅读 · 0 评论 -
vue通过npm安装js实现mapbox自定义3D模板
vue实现mapbox自定义3D模板使用npm进行安装js(默认安装最新版) npm地址1.npm i mapbox-gl2.npm i maptalks3.npm i maptalks.mapboxgl4.npm i @mapbox/mapbox-gl-language5.npm i three引用我们需要的jsconst mapboxgl = require('mapbox-gl');const maptalks = require('maptalks');const ma原创 2020-06-24 09:57:25 · 1912 阅读 · 0 评论 -
Idea搭建vue项目
Idea搭建vue项目下载node.js并安装打开cmd 输入下面的命令查看是否成功安装 出现版本号node -vnpm -v打开idea,新建项目Create New Project > Static Web>填写project name和选择保存的工作空间>Finish安装vue脚手架首先安装npm的淘宝镜像(下载速度比较快),打开idea的Terminal alt+f12//淘宝镜像npm i -g cnpm --registry=https原创 2020-05-28 20:38:49 · 370 阅读 · 0 评论