logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

详细记录前端项目使用import懒加载组件打包失败的踩坑之路

最后还是回到babel.config.js文件,尝试把这个配置删了'@vue/cli-plugin-babel/preset',奇迹出现了,果然成了。

详细记录前端项目使用import懒加载组件打包失败的踩坑之路

最后还是回到babel.config.js文件,尝试把这个配置删了'@vue/cli-plugin-babel/preset',奇迹出现了,果然成了。

文章图片
#前端#webpack#vue.js +1
阿里 图标 icon iconfont 实现离线使用

1.将你项目中的图标打包下载下来2.下载到本地之后,将离线文件复制到你的项目路径下这是下载来的压缩包完整的文件列表这是我复制到项目对应路径里文件,其中红框标记的五个文件是必须要的3.导入ali图标css文件在项目主文件main.js(vue)中, 导入ali 图标 css文件,且移除之前添加的在线使用ali 图标的引用链接4.直接使用ali icon c...

利用filetr 操作 ant-design table某一行的某一列的数据。点击切换真实数据和加密数据

情景描述:如果有这样一个需求,在table中的某一列的数据,不能直接展示原始数据,而是使用加密符号代替,只有点击了某行某列之后,才能切换到真实数据,每次点击就是一次切换。这样类似的需求你会怎么实现?这里使用ant-design UI框架中的table组件做为例子来讲。首先,肯定会想到用filter(angular中叫pipe,vue里面叫filter)。上代码:&l...

#javascript#vue.js#es6
Nginx 部署 vue项目 (history模式)

大家都知道,vue router有两种模式:1,hash模式hash模式应该是平时大家用的最多的一种模式,它的标志是路由地址都会加上#。2,history模式history模式则不会加上#号,这样url看起来比较干净。但是使用history模式,会导致一个问题,就是在某个路由页面上刷新的时候或者直接访问多级路由url的时候会报404.import Vue from 'vue'...

#javascript#nginx
vue-cli3 多环境和多后端的跨域代理配置 多种实现方案

大家都知道,由于3.x的默认配置都转移到了CLI service,所以生成的项目中并没有默认配置文件,所以我们如果需要自定义一些项目配置,则需要自己在项目的根目录创建一个vue.config.js。vue.config.js里的配置项所有都是可选的,这就避免了我们去看一大堆不必要的默认配置,只需要配置自己需要的部分就行了。本文只对跨域代理这一部分的配置进行分析和讲解。我们在vue.config.j

#vue.js#nginx#http
vue 给ant design table 组件自定义点击行(选中行)样式和斑马纹样式

写在开头:element-ui的table组件有几个属性很好用,但是ant-design中table组件是没有的。比如:stripe:是否为斑马纹 table。highlight-current-row:是否要高亮当前行。当然,还有好几个其他的属性,但是本文先只讲这两个。既然element-ui有,ant-design没有,那我在用ant-design的table组件时,...

#javascript#vue.js#css
vue 下载本地文件

情景描述:有时,我们需在在前端项目中下载本地某个地址的文件模块,这个文件不想放在后端去下载。所以,在这个文件大小不是太大的情况下,我们可以把文件放在前端项目目录中,这样不管开发环境还是生产环境,都能在同样的路径下找到那个文件。实现:1. 先得把文件放在项目工程目录下的某个路径下,这个路径不管是开发环境还是打包之后在生产环境,都是一样的。在vue-cli 3.x+的版本中,这个文件...

#javascript#vue.js#jquery
vue 上传文件方式和上传文件格式和大小限制 实现

其实打开文件资源对话框的方式有好几种,但是世界使用input控件是最直接和方便的那种。ok,直接先上代码。<zl-button size="mini" class="upload-file"><input @change="fileUpload" type="file" accept=".xls,.xlsx" ref="uploadFile" v-if="!isUp...

关于vue 动态引入(异步加载import和require)组件的方法和坑(按需懒加载组件,动态生成路由)babel-plugin-dynamic-import-node 优化编译速度

关于vue 动态引入(异步加载)组件的方法和坑(按需懒加载组件,动态生成路由)babel-plugin-dynamic-import-node 优化编译速度

文章图片
#vue.js#前端#javascript
    共 14 条
  • 1
  • 2
  • 请选择