VUE
Miracle_Gaaral
这个作者很懒,什么都没留下…
展开
-
Vue 菜单权限控制
Vue菜单角色权限控制。原创 2022-08-14 15:11:43 · 1124 阅读 · 0 评论 -
vue-admin-block框架中合并单元格
ITable.vue<template><div class="i-table"> <Table ref="table" :stripe="stripe" :border="border" :height="height" :row-class-name="rowClassName" :loading="loading" :columns="columns" :data="data" @on-selection-change="handleSelectionCha原创 2021-08-11 17:10:16 · 394 阅读 · 0 评论 -
VUE---vue部署到tomcat服务器
一.修改config-->index.js文件, 把build:{} 下的assetsPublicPath: '/',改成assetsPublicPath: './',---------解决首页加载空白问题 build: { // Template for index.html index: path.resolve(__dirname, '../dist/ind...原创 2019-05-30 11:33:32 · 4125 阅读 · 3 评论 -
VUE----- mixins共享相同逻辑代码(11-8)
---common/js/mixin.jsimport {mapGetters, mapMutations, mapActions} from 'vuex'import {playMode} from 'common/js/config'import {shuffle} from 'common/js/util'export const playlistMixin = { com...原创 2019-03-30 16:53:00 · 291 阅读 · 0 评论 -
VUE----调试抓包工具
一.移动端开发调试 github上vconsole 1.在package.json文件中devDependencies中添加vconsole依赖 2.在main.js中/*eslint-disable no-unused-vars*/import vConsole from 'vconsole'var vconsole = new vConsole(...原创 2019-04-03 23:57:31 · 2409 阅读 · 0 评论 -
VUE---编译打包
一.执行npmrun build ,会生成一个dist目录 manifest.js 维护静态资源的清单 vendor.js node modules生成的 app.js 源码生成的二.可以自己写一个测试的node服务 prod.server.jsvar express = requir...原创 2019-04-03 23:38:58 · 4168 阅读 · 0 评论 -
VUE----- 截流函数
//截流函数,延时执行export function debounce(func, delay){ let timer return function(...args){ if(timer){ clearTimeout(timer) } timer = setTimeout(()=>{ func.apply(this, args) }, delay) }...原创 2019-03-19 23:19:58 · 1320 阅读 · 1 评论 -
VUE---将返回的jsonp字符串转换为json格式
apiRoutes.get('/api/lyric',(req, res)=>{ var url = 'https://c.y.qq.com/lyric/fcgi-bin/fcg_query_lyric_new.fcg' axios.get(url, { headers:{ referer: 'http...原创 2019-03-19 22:25:45 · 2472 阅读 · 0 评论 -
VUE----js方法将数组洗牌
js中通用随机洗牌方法function getRandomInt(min, max){ return Math.floor(Math.random()*(max-min+1)+min)}export function shuffle(arr){ let _arr = arr.slice() for(let i=0;i<_arr.length;i++){ let j = ...原创 2019-02-20 22:59:18 · 460 阅读 · 0 评论 -
VUE---利用svg实现圆形进度条功能组件
stroke-dasharraystroke-dashoffset<template> <div class="progress-circle"> <svg :width="radius" :height="radius" viewBox="0 0 100 100" version="1.1" xmlns="原创 2019-02-20 22:44:50 · 1030 阅读 · 0 评论 -
VUE------添加子路由
添加子路由const router = new VueRouter({ routes: [ { path: '/user/:id', component: User, children: [ { // 当 /user/:id/profile 匹配成功, // UserProfile 会被渲染在 User 的 &l...原创 2019-04-01 22:19:31 · 963 阅读 · 0 评论 -
VUE中使用echarts和jsonp和axios和vue-lazyload
cnpm install echarts --savehttp://www.php.cn/js-tutorial-384897.html cnpm install jsonp --savehttps://github.com/webmodules/jsonp自定义封装一个jsonp.js/** * * @authors longjun * @date 2019...原创 2019-01-23 23:19:33 · 494 阅读 · 0 评论 -
VUE常用基础知识
一.开发环境搭建 1.nvm ----node的版本控制工具https://github.com/creationix/nvm/blob/master/README.md 2.快速导入CDN推荐地址 https://www.bootcdn.cn/ 3.快速打开调试窗口 F12 4.在官网安装node.js-...原创 2019-01-19 15:01:09 · 162 阅读 · 0 评论 -
VUE----基本css知识
flex: 弹性布局父容器: display: flex子容器: flex: 1 --------------自动伸缩填充 flex: 0 0 40px -------不伸缩,指定宽度https://www.runoob.com/w3cnote/flex-grammar.html box-shadow: 0, 8px, 8px,...原创 2019-01-21 22:21:40 · 238 阅读 · 0 评论 -
VUE项目创建基础配置----vue-base
如果使用的是stylus预编译css,需要先安装对应的依赖cnpm install stylus stylus-loader --save-dev会安装一下两个依赖"stylus": "^0.54.5","stylus-loader": "^3.0.2",https://www.jianshu.com/p/8601ccf91225 cnpm install babel-...原创 2019-01-21 10:47:56 · 675 阅读 · 0 评论 -
VUE---欺骗服务器的refer/host请求地址,通过axios获取数据
一.在build目录下的webpack.dev.conf.js文件中添加部分代码 二.自定义方法,并通过axios调用'/api/getAsrjctjfx'发送ajax请求三.调用自定义封装的方法,获取数据...原创 2019-01-23 23:28:32 · 2146 阅读 · 0 评论 -
VUE---常用js方法
定时器:this.timer = setTimeout(()=>{ function()}, 30ms) 自动播放时,需要clearTimeout(this.timer),然后重新计时 destroyed(){ clearTimeout(this.timer)} 监听窗口大小改变window.addEventListener('re...原创 2019-01-23 23:19:49 · 269 阅读 · 0 评论