前端
文章平均质量分 65
weixin_44440116
这个作者很懒,什么都没留下…
展开
-
vite + vue3 + ts + esLint + prettier 配置
vite + vue3 + ts + esLint + prettier 配置原创 2023-03-29 16:00:22 · 905 阅读 · 0 评论 -
el-table使用sortablejs实现行、列拖拽
el-table行列拖拽原创 2023-01-11 11:29:56 · 637 阅读 · 0 评论 -
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 · 1676 阅读 · 1 评论 -
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 · 4291 阅读 · 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 · 3303 阅读 · 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 · 3146 阅读 · 0 评论 -
vue使用watch监听对象中的属性
vue提供了一个watch方法,可以监听data内的相应数据变动,触发相应的方法。例如监听对象的变化:data: function() { return { objArr: [{ id: 1, name: '李四' }], } },监听对象objArr的变化:watch: { // 如果是要对数组列表项的内容是否发生改变做监听,则需要加上一个【deep:true】属性。 objArr: {原创 2020-08-17 09:27:35 · 417 阅读 · 0 评论 -
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 · 2041 阅读 · 0 评论 -
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 · 1436 阅读 · 0 评论 -
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 · 4283 阅读 · 0 评论 -
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 · 182 阅读 · 0 评论 -
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 · 3798 阅读 · 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 · 2164 阅读 · 0 评论 -
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 · 1433 阅读 · 0 评论