![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
一颗lemon冰
这个作者很懒,什么都没留下…
展开
-
vue+ts如何快速引入多个组件
vue+ts如何快速引入多个组件1.需求说明:在我们日常开发过程中经常会遇到某一个vue文件中要引入多个子组件,如果数量少的情况下我我们用传统方式引入还可以,如下import MainView from './components'2.实现方法:试想一下,如果你这个页面依赖几十个组件你还会选择这样引入吗?答案肯定是不会,话不多说直接上代码(示例为vue+ts语法)。const modulesFiles = (require as any).context('./components', t原创 2021-08-27 11:33:46 · 1513 阅读 · 0 评论 -
一个页面同时使用两个video标签自动播放在各个移动端浏览器存在的问题
双video标签(一个为背景,一个屏幕居中展示)在各大浏览器中存在的问题:一、安卓端:1.华为自带浏览器:两个视频可以同时自动播放,但自动播放时默认都是静音播放。2.百度浏览器:上方视频播放时第背景视频自动暂停,且上方视屏自动播放时也默认为静音播放。3. QQ浏览器:上方视频播放时背景视频自动暂停,但上方视频自动播放时为有声播放。4. UC浏览器:两个视屏可以同时自动播放,背景视频自动播放时为静音播放,上方视频为有声播放。...原创 2021-05-21 12:02:43 · 3080 阅读 · 0 评论 -
echarts legend后边加入数据
有的时候业务会有在图例上边分别显示数据的情况,多数情况为数量或比例,我以比例为例给大家做一个演示,话不多说直接上代码。legend: { orient: 'vertical', x: 'right', //可设定图例在左、右、居中 y: 'center', //可设定图例在上、下、居中 align: 'left', // 文字位置 itemHeight: 16, // 每个图例的宽度 itemWidth: 16原创 2021-05-14 15:03:47 · 4110 阅读 · 0 评论 -
记录一下ant-design-vue 如何清除表单残留信息(包括校验不通过提示语)
记录一下ant-design-vue 如何清除表单残留信息(包括检验不通过提示语)话不多说直接上代码HTML代码如下: <a-modal title="修改部门" :visible="visibles" @ok="handleEdit" @cancel="handleCancelEdit"> <a-form-model ref="editForm"原创 2020-08-25 18:13:31 · 7985 阅读 · 0 评论 -
基于node.js,手动搭建webpack集成vue
什么是webpack,为什么要使用它?一. webpack核心entry:入口output:出口loader:资源转换器plugin:插件mode:模式还有其他的打包压缩工具:grunt:https://www.gruntjs.net/gulp:https://www.gulpjs.com.cn/fis3(百度):http://fis.baidu.com/webpack:https://webpack.js.org/1、什么是WebpackWebPack可以看做是资源构建,模块原创 2020-07-04 18:39:23 · 239 阅读 · 1 评论