Vue
姜天生i
不去做,永远做不成
展开
-
Vue中使用Promise.all()方法,进行同步多次请求
使用了Promise.all()进行优化了加载过程原创 2022-07-25 14:19:00 · 934 阅读 · 0 评论 -
Vue 前端页面列表多条件筛选
Vue 前端页面列表多条件筛选原创 2022-06-30 16:57:13 · 1193 阅读 · 0 评论 -
Vue solt插槽子组件像父组件传值
子组件 传递一个id 到父组件在<template> <div class="task-list"> <div class="task-box" v-for="(item, index) in list" :key="index"> <div> {{item.name}} </div> <div class="handleField"> <.原创 2021-06-30 17:43:51 · 368 阅读 · 0 评论 -
2021-06-15 Element 上传组件获取本地地址
:on-change 事件触发handleChange(file) { console.log(file); console.log('file', URL.createObjectURL(file.raw)); this.image = URL.createObjectURL(file.raw) },原创 2021-06-15 15:04:44 · 1125 阅读 · 0 评论 -
Vue 左边菜单跟右边列表进行位置联动 scrollTop
小demo 记录一下 点击左边 右边出现对应的列表内容 滑动右边左边出现对应的索引值左边列表css 时间线 记录一下<template> <div class="el-courtWrap"> <el-row class="el-left"> <div id="time-line"> <div class="item" v-for="(item, index)..原创 2021-05-14 15:32:07 · 1794 阅读 · 0 评论 -
Vue+Element ui上传图片限制图片尺寸
1.引入element-ui upload组件<el-upload class="avatar-uploader" :headers="myHeaders" :action="上传图片的地址" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> <img v-if="imageUrl" :src="imageUrl" class="avatar".原创 2021-05-10 15:52:03 · 2028 阅读 · 2 评论 -
Vue Element Cascader 级联选择器 修改页面时候选择的节点回显问题
根据当时修改页面 对Cascader 选择器进行节点的回显遇到的问题所以闲暇整理了一个小demo ,直接上代码里面也都有注释<template> <div> <el-col :span="8"> <el-select v-model="nodeId" placeholder="请选择"> <el-option v-for="item in idOptions" :key="item.id" :label=".原创 2021-04-22 16:54:56 · 1229 阅读 · 0 评论 -
Vue v-html显示富文本列表问题
后端返回的数据let obj = {"id":501,"content":"<p><span style=\"color: rgb(34, 34, 34);\"> 读书是一件快乐的事情。对于爱读书的人一但读上就让人欲罢不能,无法放弃读书,想让人读到天涯海角。有人说:“人生最深最平和的快乐,就是静观天地与人生,慢慢品味出它的和谐与美。”静下心来,翻开书本,那些沉积的墨香一点点溢满空间,那些尘封的快乐一点点打开。读书真的很快乐!</span></p><p原创 2021-01-18 14:49:21 · 6075 阅读 · 0 评论 -
Vue中的$set和Vue.set方法(视图更新)
这里我定义了一个列表数据,我将通过按钮来控制列表数据。调用方法:Vue.set( target, key, value )target:要更改的数据源(可以是对象或者数组)key:要更改的具体数据value :重新赋的值<template> <div id="app" style="padding: 100px"> <el-link type="...原创 2020-04-21 10:04:28 · 1670 阅读 · 0 评论 -
Vue中 浅谈watch(深度监听)
<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', data: { firs...原创 2020-04-20 17:03:04 · 282 阅读 · 0 评论 -
Vue常见的几种组件传值方式
组件系统是 Vue.js 其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用。在 Vue.js 应用程序开发过程中常常需要处理组件传值的问题,下面详细列举几种常见的组件传值方法。1. props父组件代码:<template> <child-component title="子组件标题"></child-component&...原创 2020-04-16 09:32:44 · 828 阅读 · 0 评论 -
Vue axios Post请求优化处理
加粗样式1.项目中存在得问题在系统管理业务角色管理下分配权限点击保存时报一个网络错误2.问题的原因使用axios的post调用时,用params传递参数,参数会全部加到url中,类似get请求,导致url的请求头数据太长,出现413 FULL head3.解决办法a.安装npm install qs ,在项目文件axios.js中引入(import qs from ‘qs’),将对象...原创 2020-04-01 14:16:55 · 1004 阅读 · 0 评论 -
iview中tabs得自动切换问题
最近在项目中遇到一个问题就是如何根据我左边得tree点击选取得节点,对tabs选项卡进行权限得控制,满足就可以点击不满足为disabled,如下图当我点击得时候发现通过左边点击控制右边得禁用得时候,发现tabs自带得disabled默认初始和点击左边让tabs某一个禁用得时候并没有用,于是我就在想让带tabs自动切换,根据左边得tree,tabs自动切换到满足得条件就可以了,这样disabl...原创 2020-04-01 13:17:32 · 1571 阅读 · 0 评论 -
前端打开一个新得窗口,保持原来的页面不刷新
最近接到一个新得需求需要做大屏显示,技术上用的Vue,需要打开一个新得窗口并且保存原来跳转的页面不刷新废话不说直接上代码// 首先做一个点击事件 然后点击的时候加上以下代码showFull() { let newpage = this.$router.resolve({ name: 'hrscreen', }) wind...原创 2020-03-26 14:40:21 · 4811 阅读 · 0 评论 -
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null"
<!----><template> <div style="width: 95%;height: 82%;position: absolute"> <div id="checkOnWork" ref="checkOnWork" style="width: 100%;height: 100%;background: white"><...原创 2020-01-06 09:48:12 · 1840 阅读 · 0 评论 -
js 仿QQ超出部分自动滚动
HTML:<div class="mainRight_F_Main" ref="chatScroll"></div>// class 要设置 overflow-y: auto;// 设置ref 用来操作DOM属性js://滚动到底 chatScrollTop() { setTimeout(() => { //...原创 2019-12-10 14:58:56 · 287 阅读 · 0 评论