- 博客(28)
- 收藏
- 关注
RSS订阅
原创 JS数组操作方法
1.合并数组 - concat()拼接数组 ,返回新数组，不会改变原数组。var arr = [1,2,3,4,5,6];var bb = arr.join()console.log(bb)// 1 1,2,3,4,5,62.用数组的元素组成字符串 - join()将数组中所有元素都转化为字符串并连接在一起,不会改变原数组。var arr = [1,2,3,4,5,6];console.log(arr.join())// 1,2,3,4,5,6console.log(arr.join("
2020-07-22 19:44:46
160
原创 vite + vue3 + ts + esLint + prettier 配置
vite + vue3 + ts + esLint + prettier 配置
2023-03-29 16:00:22
749
原创 vite使用xlsx-style
Error: Could not dynamically require "./jszip". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.
2022-10-13 03:21:54
1461
1
原创 Install for [ ‘@vitejs/create-app@latest‘ ] failed with code 1
使用命令行npm init @vitejs/app新建vite2.x项目报错 Install for [ '@vitejs/create-app@latest' ] failed with code 1解决：使用管理员权限，打开命令行窗口，然后输入cmd /c 你的用户名/J "C:\Users\你的用户名" "C:\Users\Mike Shi"npm config set cache C:\Users\你的用户名\AppData\Roaming\npm-cachenpm config set
2021-07-20 15:39:58
1440
原创 vue3使用clipboard进行复制
1.安装依赖npm install clipboard --save2.使用<button class="copy" data-clipboard-text="复制内容" @click="copy">复制</button>import Clipboard from 'clipboard'const copy = () => { let clipboard = new Clipboard('.copy') clipboard.on('success
2021-04-02 14:59:52
3694
原创 vue2页面刷新
路由跳转this.$router.replace({ path: '/redirect' + fullpath }) 配置路由信息{ path: '/redirect/:path*', name: 'redirect', component: () => import(/* webpackChunkName: "redirect" */ '@/components/redirect.vue'), },redire.
2021-03-25 15:06:31
279
原创 vue3、ts封装el-dialog
1.子组件dialog.vue<template> <div> <el-dialog title="提示" v-model="visible" width="30%" @close="onClose"> <span>需要注意在 Dialog 打开前是这条内容和下面的内容都是不会被渲染的</span> <strong>额外的内容</strong>
2021-01-06 15:56:12
2864
2
原创 vue3.0报错Error: Cannot find module ‘vue-loader-v16/package.json‘
使用vue-cli初始化项目,启动报错。Error: Cannot find module 'vue-loader-v16/package.json'解决：卸载依赖：npm uninstall vue-loader-v16重新安装依赖：cnpm i vue-loader-v16安装成功就行了。
2020-12-18 12:17:46
3752
4
原创 vue3、ts使用ant-design-vue
1.安装yarn add ant-design-vue@next# ORnpm i --save ant-design-vue@next2.使用在main.ts文件中引入import { createApp } from "vue";import App from "./App.vue";import Antd from 'ant-design-vue';import 'ant-design-vue/dist/antd.css';import router from "./route
2020-11-29 17:58:19
2984
2
原创 vue-cli4.5搭建vue3、ts项目
1.安装关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。安装新版本npm install -g @vue/cli# ORyarn global add @vue/cli2.创建vue3、ts项目vue create vue-ts选择Manually sel
2020-11-29 13:13:56
1716
原创 el-table合并行
实现方法：el-table官方提供span-method合并行的计算方法，可以实现行或者列的合并，这里主要提供了行合并的方法，设置需要合并的列数组，判断同一列下该行和上一行数据是否相同，执行相应的操作。效果图：代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="
2020-11-20 16:32:38
4203
4
原创 elementui表单验证失败，滚动到第一个错误的地方
//el-form绑定ref<el-form ref="form" :model="formData" :rules="rules"> <el-form-item label="联系电话：" prop="tel"> <el-input v-model="tel" placeholder="请输入" /> </el-form-item></el-form>// 数据data() { return {
2020-09-03 11:37:09
3113
2
原创 el-form自定义label，增加按钮
不使用el-form-item中的 label，使用 slot= label。<el-form-item> <label slot="label"> <i class="iconfont icon-checked" v-if="checked" @click="checked = !checked"></i> <i class="iconfont icon-uncheck" v-else @click="checked = !che
2020-08-19 10:49:25
2844
原创 vue使用watch监听对象中的属性
vue提供了一个watch方法，可以监听data内的相应数据变动，触发相应的方法。例如监听对象的变化：data: function() { return { objArr: [{ id: 1, name: '李四' }], } },监听对象objArr的变化：watch: { // 如果是要对数组列表项的内容是否发生改变做监听，则需要加上一个【deep:true】属性。 objArr: {
2020-08-17 09:27:35
371
原创 vue中使用看板娘
1.首先下载live2dw组件，地址：链接：https://pan.baidu.com/s/1K1hixvM9_2ySMV674KQDtQ 提取码：rs8g2.接下来将live2dw导入到vue项目的static目录下3.在index.html中添加<script type="text/javascript" src="/static/live2dw/lib/L2Dwidget.min.js"></script>4.在App.vue中添加如下代码：<script>
2020-08-16 20:49:04
1989
原创 vue封装dialog
1dialog组件子组件：templateDialog.vue<template> <div> <el-dialog width="60%" title="模板名称" :visible.sync="dialogVisible" :before-close="handleClose" > <div>{
2020-08-12 20:26:34
1394
原创 js对象数组根据某个字段分组
js原数组数据 [ { id: '1001', name: '值1', value: '111' }, { id: '1001', name: '值1', value: '11111' }, { id: '1002', name: '值2', value: '25462' }, { id: '1002', name: '值2', value: '23131' }, { id: '1002', name: '值2', value: '2315432' }, {
2020-07-29 19:52:12
6433
2
原创 el-table点击选中行
<template> <div> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" highlight-current-row @selection-change="handleSel
2020-07-27 15:51:36
4156
原创 el-checkbox文字超长显示省略号
<template> <div class="container"> <h3>checkbox文字超长显示省略号，鼠标移上去显示文字</h3> <el-checkbox v-for="item in list" :label="item.id" :title="item.id + ' ' + item.name" :ke
2020-07-15 17:49:43
3550
1
原创 el-radio默认值选不中
传参类型是number类型，label前面需要加:<template> <div> <el-form> <h4>单选框</h4> <h3>整数类型</h3> <p>如果单选框的值是number,单选框的lable需要设置成:lable="1"</p> <el-form-ite
2020-07-10 17:31:11
2109
原创 vue路由传参，刷新页面不丢失参数
1.使用params传参通过配置name传参，name是你要跳转的路由名字this.$router.push({ name: 'content', params: { id: id } })在content页面，使用params获取created () { this.articleId = this.$route.params.id}在router路由配置...
2020-01-01 03:28:11
3932
原创 mongodb查询命令
1.查询指定集合的所有文档db.集合名称.find()db.users.find()或者db.getCollection("users").find()2.条件查询db.集合名称.find({"属性1" : "值1", "属性2" : "值2"})db.users.find({"name" : "hahah"})3.模糊查询//第二个参数，属性的值为1，表示需要显示这个值。如...
2019-11-07 14:45:40
215
原创 vue创建axios实例
//导入axios模块import axios from 'axios'//axios全局配置//设置请求超时时间5saxios.defaults.timeout = 5000axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'//创建一个axi...
2019-11-06 21:46:33
1385
原创 使用springboot整合mybatis时出现Could not autowire. No beans of 'UserMapper' type found的解决办法
将@Autowired修改成@Resource即可解决。效果如下图：
2019-05-10 10:09:14
13557
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人