Web 技术 vue

vue挂载全局方法和过滤器 ,自定义指令

main.js文件里过滤器import commonFilter from './assets/js/filter/commonFilter'; // 公共filter Object.keys(commonFilter).forEach(key => Vue.filt...
Web 技术 vue

$emit传入的事件名称只能使用小写,不能使用大写的驼峰规则命名

官网解释不同于组件和 prop,事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子,如果触发一个 camelCase 名字的事件:this.$emit('myEvent')则监听这个名字的 kebab-case 版本是不会有任何...
Web 技术 vue

用vue-cli4来封装一个自己的ui库

一、组件库是基于vue-cli框架的的,用vue-cli创建项目vue create hxy-ui 二、修改目录,以及重新修改配置文件。1、很多的开源组件库的源码,都喜欢用packages目录存放组件,examples目录用来展示组件。所以在这个项目内,将src目录改为ex...
Web 技术 vue

vue自定义拖拽指令v-drag

文件drag.jsimport Vue from 'vue'; //使用Vue.directive()定义一个全局指令 //1.参数一:指令的名称,定义时指令前面不需要写v- //2.参数二:是一个对象,该对象中有相关的操作函数 //3.在调用的时候必须写v- const ...
Web js 技术 vue

vue-gridmanager插件里控制表头是否固定的方法

最开始为未锁定状态new GridManager(table, { height: 'auto', // ... 其它配置项});方法:resetLayout重置表格表布局,参数width与height支持格式以下: 1.像素: '1000px'2.百分比: '100%'3...
Web js 技术 vue

requestAnimationFrame()多次调用会越来越快解决方法

window.requestAnimationFrame()这个API是浏览器提供的js全局方法,针对动画效果。 相当与一个定时器.requestAnimationFrame的方式的优势如下:1.经过浏览器优化,动画更流畅2.窗口没激活时,动画将停止,省计算资源3.更省电,...
Web js 技术 vue

threejs中使其模型大小不随着浏览器大小变化,一直保持原样。

使用window.onresize来监控界面大小变化this.init();重新调用渲染函数来渲染界面。关键的点在于;要清空原来渲染的图形。let container = document.getElementById("container") w...
Web js 技术 vue

v-charts里data的数据格式

v-charts 的数据由指标和维度组成。以一组常见的数据为例:日期 访问用户 下单用户2018-05-22 32371 298102018-05-23 12328 113982018-05-24 92381 82910“维度...
Web js 技术 vue

vue里用axios给highcharts饼图data赋值的格式(解决饼图渲染不出的问题)

data的里 chartOptions的写法 chartOptions: { chart: { // plotBackgroundColor: null, ...