logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

百度echart图表宽度自适应问题的一种解决思路

使用echart图表做项目遇到了一个难题,就是图表随着所在div容器宽度变化而自适应的问题。图表所在的容器变化存在三种情况:1)打开页面时,左侧侧边栏是伸出的,右侧图表所在的div占满剩下空间,图表要占满容器;2)点击一个按钮左侧侧边栏收缩或伸出,图表所在的div容器变化,内部图表也要对应占满2)调整窗口大小,图表所在容器的变宽或变窄,其内部图表也自适应变化所以到针对这三种不同

webpack4使用optimize-css-assets-webpack-plugin压缩单独的css文件

1.安装npm install optimize-css-assets-webpack-plugin --save-dev2.使用2.1.普通压缩......const optimizeCss = require('optimize-css-assets-webpack-plugin');......plugins: [new optimizeCss()]...

nuxt.js中使用markdown编辑器

1.安装npm install mavon-editor --save2.在plugins中创建vue-markdown.jsimport Vue from 'vue'import mavonEditor from 'mavon-editor'Vue.use(mavonEditor)3.在nuxt.config.js中引入css: [{ src: "mavo...

实现点击页面其他地方,隐藏div(vue)

方法一:    通过监听事件document.addEventListener('click',function(e){if(e.target.className!='usermessage'){that.userClick=false;}})方法二(比较好):  给最...

Nuxt.js使用百度地图vue-baidu-map

vue-baidu-map文档:https://dafrok.github.io/vue-baidu-map/#/zh/start/usage在plugins新建map.js:import BaiduMap from 'vue-baidu-map'import Vue from 'vue'Vue.use(BaiduMap, {ak: '申请的百度地图密匙'})在nuxt....

Vue 弹出层时禁止底层body页面滑动

/***滑动限制***/stop(){var mo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},...

nuxt.js中使用vue-quill-editor富文本编辑器

1.安装npm install vue-quill-editor2.在plugins创建vue-quill-editorimport Vue from 'vue'import VueQuillEditor from 'vue-quill-editor/dist/ssr'Vue.use(VueQuillEditor)3.在nuxt.config.js引入相关文件css...

slot的用法

1.插槽渲染父组件种引用子组件,标签内写入的内容将被分发到子组件的slot标签中父组件:<strong>1.插槽渲染</strong><div><slot-view>窗外的麻雀,在电线杆上多嘴</slot-view></div>子组

vue-cli3引入第三方字体文件

1,在vue-cli项目目录下创建vue.config.js文件module.exports = {module: {rules: [{test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,loader: 'url-loader',...

nuxt.js使用v-binding绑定img的src的路径,图片不能渲染

改成使用require引入图片路径require('../../assets/images/team/richard-nash.jpg')参考:https://github.com/vuejs-templates/pwa/issues/42

    共 33 条
  • 1
  • 2
  • 3
  • 4
  • 请选择