CuiCui_web的博客

遇到这样一个需求，为了方便用户操作，使用左右按钮进行查看上一年或者下一年数据、上一月或者下一月数据、上一周或者下一周数据、前一天，或者后一天数据。如上图所示，点击左右按钮，时间往前或往后变更，按钮也会出现禁用状态。具体实现代码如下：<template> <div class="c-date"> <button type="text" class="btn-prev" :disabled="disabledPre

本文主要讲解如何将自己写的组件集成到npm上，然后通过命令行进行安装插件使用。1、在src下创建一个文件夹plugins，将自己写的组件都复制到这个文件夹下面。如下图所示，index.js为入口文件。想了解index.js的代码可以看上一篇文章https://blog.csdn.net/CuiCui_web/article/details/1061812312、在webpack.base.conf.js文件中进行修改，文件目录如下图所示：将原来的app:'./src/main.js' 改为 a

当我们在项目中编写了组件后，我们会去界面中通过import的方式引入，然后在components中去注入，才能使用。如下：import cForm from '@/components/self-components/form/form'import cFormItem from '@/components/self-components/form/form-item'import cInput from '@/components/self-components/form/input'import

Form组件分为两个部分，外层需要有个Form表单域组件，内部包含多个FormItem组件，在FormItem组件 中插入表单元素。Form要用到数据校验，并在对用的FormItem中给出校验失败的提示，校验规则使用一个开源 库async-validator(https://github.com/yiminghe/async-validator)，安装命令npm i async-validate。...