文章 2022-06-15 来自:开发者社区

重读vue电商网站41之自定义格式化时间的全局过滤器

文章标签格式化时间自定义javascript文章分类JavaScript前端开发阅读数46在 main.js 入口文件全局注册格式化时间的过滤器,代码如下所示:Javascript// 自定义格式化时间的全局过滤器 Vue.filter('dataFormat', function(originVal) { const dt = new Date(originVal) const year...

重读vue电商网站41之自定义格式化时间的全局过滤器
文章 2022-06-14 来自:开发者社区

重读vue电商网站42之添加富文本编辑器

通过 vue-ui 界面,可以安装我们所需要的依赖,或者使用下文 npm 或 yarn安装。NPMJsnpm install vue-quill-editor --save # or yarn add vue-quill-editor Mount with globalJsimport Vue from 'vue' import VueQuillEditor from 'vue-quil...

重读vue电商网站42之添加富文本编辑器
文章 2022-06-14 来自:开发者社区

重读vue电商网站43之使用 lodash 中 cloneDeep(obj) 来实现深拷贝

Using npmJs$ npm i -g npm $ npm i --save lodash _.cloneDeep(value) 使用项目中使用 cloneDeep 需求:由于 addForm 中商品所属的分类数组 goods_cat在商品分类模块需要使用 v-model 进行双向绑定数组形式,而我们调用添加商品 api 时,需要字符串形式的,这就产生了冲突,于是我们可以通过深拷贝操作来...

重读vue电商网站43之使用 lodash 中 cloneDeep(obj) 来实现深拷贝
文章 2022-06-14 来自:开发者社区

重读vue电商网站46之执行build 时报错

Error: No module factory available for dependency type: CssDependency解决办法:参考:解决webpack打包报错 No module factory available for dependency type: CssDependency在执行 build 命令期间移除所有的 consolebabel-plugin-transf....

重读vue电商网站46之执行build 时报错
文章 2022-06-14 来自:开发者社区

重读vue电商网站44之使用 echarts

根据官方文档示例,我们先展示测试数据。Javascript<template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>...

重读vue电商网站44之使用 echarts
文章 2022-06-14 来自:开发者社区

重读vue电商网站52之路由懒加载

当打包构建项目时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。具体需要 3 步:安装 @babel/plugin-syntax-dynamic-import包。在 babel.config.js 配置文件中声明该插件。将路由改为按需加载的形式,示例代码如下:Javascript// ....

重读vue电商网站52之路由懒加载
文章 2022-06-14 来自:开发者社区

重读vue电商网站47之生成打包报告

打包时,为了直观地发现项目中存在的问题,可以在打包时生成报告。生成报告的方式有两种:① 通过命令行参数的形式生成报告Javascript// 通过 vue-cli 的命令选项可以生成打包报告// --report 选项可以生成 report.html 以帮助分析包内容vue-cli-service build --report② 通过可视化的UI面板直接查看报告(推荐)在可视化的UI面板中,通过....

文章 2022-06-14 来自:开发者社区

重读vue电商网站50之Element-UI 组件按需加载

通过 CDN 优化 ElementUI 的打包虽然在开发阶段,我们启用了 element-ui 组件的按需加载,尽可能的减少了打包的体积,但是那些被按需加载的组件,还是占用了较大的文件体积。此时,我们可以将 element-ui 中的组件,也通过 CDN 的形式来加载,这样能够进一步减小打包后的文件体积。具体操作流程如下:① 在 main-prod.js 中,注释掉 element-ui 按需加....

重读vue电商网站50之Element-UI 组件按需加载
文章 2022-06-14 来自:开发者社区

重读vue电商网站30之左侧菜单栏图标设计

我们想要的效果如下:如何设计?首先,我们可以在 data 中定义一个对象,对应于每一个菜单选项的 id然后通过 for 循环遍历每一个菜单选项的 id即可。

重读vue电商网站30之左侧菜单栏图标设计
文章 2022-06-14 来自:开发者社区

重读vue电商网站31之左侧菜单栏图标设计

保持一个子菜单的展开 直接在侧边栏区域添加上述属性即可

重读vue电商网站31之左侧菜单栏图标设计

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注