![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 61
weixin_44440116
这个作者很懒,什么都没留下…
展开
-
el-table使用sortablejs实现行、列拖拽
el-table行列拖拽原创 2023-01-11 11:29:56 · 589 阅读 · 0 评论 -
vue3+vite使用monaco-editor编辑器
基于vue3+vite封装monaco-editor编辑器原创 2022-09-13 23:15:11 · 3594 阅读 · 1 评论 -
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 · 3717 阅读 · 0 评论 -
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 · 285 阅读 · 0 评论 -
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 · 4214 阅读 · 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 · 3193 阅读 · 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 · 2961 阅读 · 0 评论 -
vue使用watch监听对象中的属性
vue提供了一个watch方法,可以监听data内的相应数据变动,触发相应的方法。例如监听对象的变化:data: function() { return { objArr: [{ id: 1, name: '李四' }], } },监听对象objArr的变化:watch: { // 如果是要对数组列表项的内容是否发生改变做监听,则需要加上一个【deep:true】属性。 objArr: {原创 2020-08-17 09:27:35 · 376 阅读 · 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 · 2004 阅读 · 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 · 1399 阅读 · 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 · 3638 阅读 · 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 · 2130 阅读 · 0 评论 -
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 · 3977 阅读 · 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 · 1392 阅读 · 0 评论