Vue
Eli-sun
不断学习
展开
-
封装axios方法传入参数调用
promise原创 2022-06-21 19:40:21 · 387 阅读 · 0 评论 -
element-plus中el-table按照中文名字排序sort-method
sort-method原创 2022-06-21 18:00:50 · 1154 阅读 · 0 评论 -
vue项目报错not find vue module
报错原创 2022-06-15 17:23:05 · 179 阅读 · 0 评论 -
项目运行报错scssError:expect newLine
使用sass报错原创 2022-06-15 15:37:59 · 484 阅读 · 0 评论 -
vue3中使用echarts传输数据不显示问题
echarts数据不显示问题原创 2022-06-10 21:26:05 · 503 阅读 · 0 评论 -
vue3指令重复点击只发送一次请求
vue3写法指令在main.js中在app上挂载该方法app.directive( 'preventReClick', { mounted: function (el, binding) { el.addEventListener('click', () => { const events = el.style.pointerEvents if (events原创 2022-05-29 02:56:05 · 776 阅读 · 0 评论 -
vue3 在setup中使用mapSate以及对mapState的封装
在setup中使用mapSateimport { mapState, useStore } from 'vuex'import { computed } from 'vue'export default { name: 'App', components: { }, setup() { const store = useStore() // 用法1 const sCounter = computed(() => store.state.counter)原创 2022-05-26 15:30:36 · 408 阅读 · 0 评论 -
vuex-state展示的mapSate辅助函数
import { mapState } from 'vuex// 其他计算属性, 从store中获取computed:{ //写法1 mapState(["counter", "name", "age", "height"]) // 这里的mapSate是返回的一个对象 //写法2 // 可以这样写, 就把对象里面的展开了 , 这是数组的写法 ...mapState(["counter", "name", "age", "height"]) // 写法3 // 还可以传入对象的形式, 传入原创 2022-05-26 14:46:58 · 126 阅读 · 0 评论 -
vue3笔记1
两个数组遍历取出相同的vue 动态添加样式的方式一、<li v-for="(chatting,index) in item" :key="index" :class="{'user_right':chatting.user_id}">判断chatting中是否有user_id,如果有就追加user_right类名二、<p :class="coms===1?'hear1':'hear'"></p>判断coms是否等于1,如果等于就追加hear1类名否则追加原创 2022-04-09 11:23:01 · 180 阅读 · 0 评论 -
Vue深度优先遍历多层数组对象(相当于多棵树、三级树)
这个方法如果是对于下面的三级树的话可以拿到爷爷Id,自己Id,父亲Id;其实如果想要拿到label的话就把data.id换成data.label就行了function treeFindPath(tree, func, path = []) { if (!tree) return [] for (const data of tree) { path.push(data.id) if (func(data)) return path原创 2021-11-23 08:48:15 · 2834 阅读 · 1 评论 -
el-date-picker限制选择范围,从当前时间到两个月前
<span class="demonstration">时间:</span> <el-date-picker v-model="daterange" style="width:240px" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"原创 2021-10-11 14:06:53 · 1342 阅读 · 1 评论 -
最近编程中遇到的一些问题2021/9/8
1首先是el-autocomplete这个组件进行模糊查询时,要限制输入的是数字,并且限制输入的长度 <el-autocomplete v-model="phoneNumber" :fetch-suggestions="querySearch" :maxlength="length" placeholder="请输入联系电话" oni原创 2021-09-08 09:20:22 · 486 阅读 · 0 评论 -
el-cascader和el-select点击别处让下拉框消失
el-cascader:可以给el-cascader绑定一个@blur事件然后执行 this.$refs.area.dropDownVisible = false这条语句<el-cascader ref="area" v-model="addForm.idList" :props="defaultParams" :options="treeList" clearable原创 2021-08-25 14:17:50 · 2177 阅读 · 0 评论 -
将饿了么里面的提示文字改成中文
在main.js中引入import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n或者把原来的这个引入的结尾en改成zh-CN原创 2021-08-24 16:06:20 · 420 阅读 · 0 评论 -
vue父路由默认选中第一个子路由,切换子路由让父路由高亮不会消失
在实际开发中,嵌套路由经常会用到,基本用法也很简单,今天遇到了当前路由下(父路由)在点击它的子路由时,他的(父路由)选中状态消失了,并且我想要的是嵌套路由的第一个路由当做首页,但是加载中总是报404子路由前面一定要加上主路由,在切换的时候还是会匹配主路由,主路由高亮不会消失{ path: '', component: Layout, redirect: '/devicemanage/tableList', name: 'devicemanage', meta: {原创 2021-08-23 14:55:38 · 886 阅读 · 0 评论 -
获取el-tree选择结点的id和父节点的id
反正就是这些东西console.log('getCheckedNodes:', this.$refs.addTree.getCheckedNodes()) console.log('parents:', this.$refs.addTree.getCheckedNodes(false, true)) var nodeList = this.$refs.addTree.getCheckedNodes(false, true) console.log('checkList', nodeList)原创 2021-08-19 14:55:04 · 1107 阅读 · 0 评论 -
vue中用this.router.push()路由params传参遇到的页面刷新数据丢失问题
最近项目中涉及到跨页面传参数和后台进行数据交互以及用this.router.push()路由params传参遇到的页面刷新数据丢失问题,看到需求之后第一反应就是用路由传参来解决,Vue中提供了三种路由传参方式:第一种:params传参this.$router.push({ name:"admin", //这里的params是一个对象,id是属性名,item.id是值(可以从当前组件或 者Vue实例上直接取) params:{id:item.id}})原创 2020-11-06 14:55:00 · 9131 阅读 · 1 评论