![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
静止呀
这个作者很懒,什么都没留下…
展开
-
antDesignPro a-table样式二次封装
ant design 表格二次封装原创 2023-11-24 11:12:26 · 1037 阅读 · 0 评论 -
vue卡片轮播图
vue 卡片轮播图原创 2023-08-03 17:53:35 · 1386 阅读 · 0 评论 -
移动端网页div下滑消失、上滑出现(附带闪烁效果)
div下滑消失、上滑出现、div闪烁效果原创 2023-08-03 17:09:03 · 335 阅读 · 0 评论 -
Vue3移动端web页面video标签使用及适配(点击或自动播放)
video标签自动播放和点击播放原创 2023-08-03 16:21:20 · 2788 阅读 · 2 评论 -
Vue+element 前端获取列表全部数据再进行分页
前端分页如何处理原创 2023-02-15 18:04:20 · 1151 阅读 · 0 评论 -
后端bigInt类型返回前端精度丢失问题解决
json-bigInt处理数据精度丢失问题原创 2023-02-15 14:58:58 · 2280 阅读 · 0 评论 -
Vue前端接口报错跨域处理,Proxy
前端跨域报错解决原创 2023-02-12 20:55:20 · 723 阅读 · 0 评论 -
el-date-picker日期选择器,日期范围设置三个月
el-date-picker,时间范围设置3个月原创 2023-02-12 20:38:48 · 3365 阅读 · 0 评论 -
el-form特殊字符校验
el-form文本框输入特殊字符校验,除中文句号,逗号,双引号,小括号,冒号,英文句号,逗号,双引号,小括号,冒号外,其余特殊字符全部禁止输入。原创 2022-07-16 14:22:38 · 1409 阅读 · 0 评论 -
el-date-picker时间范围控制
要求年份不能写死,无论现在几几年,都应该显示对应的年份。format=“yyyy”显示格式。timeRange时间限制。原创 2022-07-16 11:08:55 · 687 阅读 · 0 评论 -
Vue + element实现动态表格表单
在实际开发过程中,有可能遇到树结构+表格展示数据的要求。比如页面左边是Tree树型控件,右边为table表格。要求点击左边树,右边展示出对应的表格数据。这时就需要动态展示表格。Tree控件<el-tree :props="treeProps" :isLazy='false' :data="treeData" :highlight-current="true" :expand-on-click-node="false" @node-click="treeClick原创 2022-07-15 14:18:42 · 1631 阅读 · 0 评论 -
Vue项目echarts的使用
Vue项目中echarts的使用原创 2022-07-13 16:32:33 · 1373 阅读 · 0 评论 -
Vuex的使用
Vuex状态管理原创 2022-07-13 16:10:27 · 53 阅读 · 0 评论 -
Vue的router配置
Vue的router配置原创 2022-07-13 15:16:13 · 2390 阅读 · 0 评论 -
v-model原理及修饰符
v-model原理及修饰符原创 2022-07-12 16:51:35 · 241 阅读 · 0 评论 -
v-on的修饰符
v-on修饰符原创 2022-07-12 15:42:37 · 69 阅读 · 0 评论 -
v-cloak与v-bind绑定class
v-bind绑定class原创 2022-07-10 23:28:57 · 85 阅读 · 0 评论 -
router和keep-alive
router的使用this.$router.replace('/home'),无法前进后退。this.$router.push('/home') 可以前进后退// 路由的全局对象,包含所有的路由对象console.log(this.$router)// 当前活跃对象console.log(this.$route)// 点击函数中router携带参数this.$router.replace({ path: '/profile', query: {原创 2022-04-26 14:10:55 · 1787 阅读 · 0 评论 -
Vuex监听
Vuex状态管理的数据有时候可能改变,这时候如果不进行监听,会出现状态管理数据并未动态改变的情况。在vue页面中使用state中的数据时,如果将state数据赋值给data中的数据再进行使用的话,将拿不到vuex状态管理的值。可以直接使用this.$store.state.xxx.一、Vuex数据监听//1.在computed中把数据返回computed: { test() { return this.$store.state.testflag }},immediate原创 2022-04-26 10:15:53 · 3477 阅读 · 0 评论 -
Axios实际Vue项目运用
1.request.js封装(所有模块都可使用)import axios from 'axios'export function request(config) { // 1.创建axios的实例 const instance = axios.create({ baseURL: 'a', timeout: 5000 }) // 2.axios的拦截器 // 2.1 什么情况下需要进行拦截 =》 1.比如config中的一原创 2022-04-25 10:52:50 · 108 阅读 · 0 评论 -
Vue + element 全局使table复选框位置居中
首先添加一个base.css文件.el-table--border th:first-child .cell, .el-table--border td:first-child .cell { padding: 0,}main.jsimport ".components/base.css"这样所有table就全局居中了。原创 2022-04-22 11:24:09 · 2161 阅读 · 0 评论 -
Vuex状态管理接口返回数据
store下面的index.jsstate: { param1: true,},mutations: { function1(state,val){ state.params1 = val }},actions: { function1(context) { context.commit('function1') }}某Vue文件axios({ method: 'GET', url:`........`, params:{},}).then(({原创 2022-04-22 11:16:09 · 480 阅读 · 0 评论 -
this.$confirm提示框
this.$confirm确认提示框this.$confirm("是否确认删除选中数据","提示",{ confirmButtonText: "确定", cancelButtonText: "取消", cancelButtonClass: "btn-cancel", confirmButtonClass: "btn-confirm", type: "warning",}).then(() => { }).catch(() => {})...原创 2022-04-22 10:16:57 · 972 阅读 · 0 评论 -
Vue + sticky吸顶封装
Vue + sticky吸顶封装原创 2022-04-22 09:14:53 · 486 阅读 · 0 评论 -
Swiper+Vue实现轮播图
Swiper版本:5.4.5vue-awesome-swiper版本:3.1.3Vue-cli3Vue:2.9.6首先需要先安装Swipernpm install vue-awesome-swiper swiper@5.4.5 --savemain.js中的配置import Swiper from "vue-awesome-swiper";import "swiper/css/swiper.css";// swiper插件使用Vue.use(Swiper)Swiper组件封装&原创 2022-04-19 16:43:56 · 232 阅读 · 0 评论 -
Vue+element—多选表单如何传“选中值”给后端
选中传1,未选中传0的情况。 // Html部分示例 <el-checkbox label="XXXXX" v-model="form.XXXXX" :checked="form.XXXXX == 1 ? true : false" true-label="1" false-label="0" ></el-checkbox&g原创 2021-10-13 17:12:25 · 1253 阅读 · 0 评论