前端小白_小小敏-CSDN博客

原创 vue2 封装弹框组件

html 代码如下（示例）：js 代码如下（示例）：子组件（弹框）html 代码如下（示例）：js 代码如下（示例）：css 代码如下（示例）：总结提示：这里对文章进行总结：

2022-07-11 10:14:30 685

原创 element-ui单选框按钮的样式改成对钩

示例：默认的单选框的样式是这样的示例：我想换成图标是对钩的总结提示：这里对文章进行总结

2022-06-27 10:44:59 1765 1

原创循环列表的点击事件

代码如下（示例）：js代码如下（示例）：css代码如下（示例）：

2022-06-13 14:28:53 701

vue2 手机短信验证码提示：使用的是element-ui的from表单html代码如下（示例）：<el-form class="form1-wrap" :model="form1" :rules="rules1" ref="form1" size="small"> <el-form-item prop="username"> <el-input v-model="form1.username" placeholder="请输入你的手机号" ></el

2022-05-30 09:15:31 618

原创 vue 加载中loading……

使用vue3组件的加载效果提示：当前使用的是vue3 中的 Ant Design vue 组件链接：https://www.antdv.com/components/spin-cn1.html代码如下（示例）：<div class="ant-spin-box"> <a-spin :spinning="spinning"></a-spin></div>2.js代码如下（示例）：<script>import { defineCo

2022-05-20 14:14:33 2102

原创 element-ui的按需引入

element-ui按需加载的使用按需引入借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。element-ui官网 https://element.eleme.cn/#/zh-CN/component/quickstart首先，安装 babel-plugin-component：npm install babel-plugin-component -D然后，将 .babelrc 修改为：注意 .babelrc即为项目中的babel.con

2022-05-19 14:35:54 802

原创时间戳转换日期格式

效果代码// echartsList.value = res.dataechartsList.value.map((item, i) => { console.log(item,i,'item i'); const update = Date.parse(item.updateDate.substring(0, 10)) const current = new Date().getTime() const dayTime = 1000 * 60 * 60 * 24

2022-05-17 16:28:51 360

原创 vue3 封装弹框

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言为什么要自己封住弹出框？下面就正式开始啦htmljscss总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考为什么要自己封住弹出框？示例：引入ui库即使方便，但是修改样式及其麻烦，为了满足客户要求有的弹窗要修改，不小心就样式穿透污染到别的样式。下面.

2022-05-17 14:14:41 823

原创如何正确的在div里引入script标签

项目场景：提示：这里简述项目相关背景：项目场景：在页面展示<script src=‘https://www.antdv.com/components/overview-cn/’>< /script>问题描述提示：这里描述项目中遇到的问题：直接引入div里会直接报错在data里定义一个方法同样也会报错同一问题<pre class="hlcode"><script src='https://cssmx.jst.zj.gov.cn/jsapi/dplus.j

2022-05-17 10:46:05 2322

原创分页 (vue3)

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、引入组件 Ant Design Vue二、使用步骤总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、引入组件 Ant Design Vue组件连接 https://www.antdv.com/components/overview-cn二.

2022-05-17 10:17:20 1449

原创防抖和节流

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言插件使用方法下载lodash防抖节流防抖和节流的使用场景总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：全局防抖和节流用了一个插件：插件地址: https://www.npmjs.com/package/lodash插件使用方法下载lodash下载地址: https://www.np.

2022-05-16 15:31:23 896

weixin_46037501的博客

原创 vue2 美化滚动条