vue
杰瑞LJ
这个作者很懒,什么都没留下…
展开
-
vue项目中获取当前设备 操作系统及版本,设备型号,ip,地区信息
1.获取ip,地区信息使用搜狐IP地址查询接口(?后边设置编码)须连网!http://pv.sohu.com/cityjsonhttp://pv.sohu.com/cityjson?ie=utf-8返回数据形式 returnCitySNindex.html 文件引入<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script> // 存入sessionStorage原创 2020-11-25 17:03:12 · 13699 阅读 · 2 评论 -
vue Dom元素执行change事件,给其他元素赋值后,被赋值的元素,再次修改输入或选择没有及时回显问题
如图 ,左边选择,给右边赋值,右边输入框赋值后,再次输入修改时,无法及时回显解决 被赋值的元素再次输入修改时,无法及时回显问题两种方法 :1、可能是因为我这个被赋值的元素层级太深,不要搞太多层,直接定义formData,放进里边就行修改后:this.formData.useStage = item.useStage; 经测试可行。2、由于数据太多,换层级有点伤筋动骨,遂用另一种方法,直接在没有及时回显的元素上 加change事件,强制它回显。<el-input v-model="原创 2020-09-08 18:02:15 · 1704 阅读 · 0 评论 -
el-tabel树形表格,指定列折叠展开 row-key=“id“ :tree-props=“{children: ‘children‘, hasChildren: ‘hasChildren‘}“
树形表格展示 通过设置row-key=“id” :tree-props="{children: ‘children’, hasChildren: ‘hasChildren’}"默认是第一列,显示折叠展开的符号 通过 **type=""**来指定拿列显示 符号,比如 想指定第4列,就把前边3列都加上 type =""代码...原创 2020-08-04 11:03:29 · 11006 阅读 · 8 评论 -
封装vue组件保错 Component template should contain exactly one root element. If you are using v-if ......
创建vue 公共组件时报错原因:缺少根元素!组件中不管写多少内容,最外层一定要给一个div标签把所有包含起来示例 将上传附件封装为组件html中引入vue封装组件时,组件名字必须全部使用小写,大写无法编译webpack组建化形式开发 名字可大写Vue.component('upload-file',{ template:'<div>\n' + ' <div class="row ten">\n' + ' <原创 2020-08-01 15:20:05 · 240 阅读 · 0 评论 -
vue element form表单规则验证,有值,但验证始终不消失
有值验证不消失的效果图1.检查v-model绑定值和prop属性绑定值是否相同(1)绑定值(2)规则(3)规则与值相同,是对的到这步一般就能解决,但我的问题没解决2.想到选择赋值之后,取消这项验证//取消单项验证this.$refs.dataForm.clearValidate('dutyPerson');well,well,well还是不消失3.点击弹出窗口时,强行赋个空值// 新增 add() { this.dialog.title = "新增档案原创 2020-07-09 10:04:01 · 12032 阅读 · 2 评论 -
element ui日期时间选择器el-date-picker 禁止选择当前日期之前的日期
效果图代码 picker-options设置禁用日期<el-date-picker type="datetime" :picker-options="pickerOptions" value-format="yyyy-MM-dd HH:mm:ss" v-model.trim="dialog.data.returnTime" style="width: 100%;"></el-date-picker>data() { return { picker原创 2020-07-03 11:33:59 · 10751 阅读 · 1 评论 -
vue element-ui组件 el-tree 树菜单 鼠标滑过mouseenter,mouseleave移入移出节点,显示操作按钮 新增,删除等
效果图表单,加入 移入移出事件 mouseenter,mouseleave,用v-show 定义显示<el-tree class="filter-tree tree" ref="tree" highlight-current :expand-on-click-node = "false" :data="categories"原创 2020-06-11 09:48:25 · 4939 阅读 · 1 评论 -
vue element-ui v-for循环el-upload上传图片 动态添加、删除
表单元素<el-row v-for="(v,i) in RecordOperation.imgList" :key="i"> <el-col :span='11'> <el-form-item label="图片"> <el-upload accept="image/jpeg,im.原创 2020-06-10 16:44:17 · 5763 阅读 · 0 评论 -
el-table 时间格式转换--天数时分秒倒计时显示
/** * 带天数的倒计时 * @param times 秒数 * @param data 数据集合 */countDown(times, data){ var timer=null; timer=setInterval(function(){ var day=0, hour=0, minute=0, second=0;//时间默认值 .原创 2020-06-04 17:30:01 · 1604 阅读 · 0 评论 -
js普通list集合转成树形集合
普通list集合转为 树形集合/** * 普通list集合转成树形集合 * @param data list集合 * @param idField 子节点字段名 * @param parentField 父节点字段名 * @param topValue 最顶级父节点字段值(如 0 1 -1) */ parseTreeData(data, idField, parentField, topValue) {原创 2020-06-04 17:19:41 · 1731 阅读 · 0 评论 -
element ui el-tree 新增 删除节点
效果图<el-tree class="filter-tree" ref="tree" highlight-current :expand-on-click-node = "false" :data="categories" :filter-node-method原创 2020-05-21 10:49:14 · 7190 阅读 · 3 评论 -
vuecli3 无法启动项目 报错:core-js/modules/es.object.to-string in......
解决:vscode 先ctrl+c停止运行按照提示:npm install --save core-js 安装或者 安装 npm install core-js@3 -save-dev重启 npm run serve 启动成功原创 2020-04-02 10:18:29 · 12508 阅读 · 3 评论 -
vue ui 可视化界面 创建项目 报错:command failed: yarn --json。。。。。
清除npm缓存npm cache clean --force然后重新启动 vue ui,这次创建项目成功了原创 2020-04-02 09:37:05 · 1548 阅读 · 0 评论 -
element el-upload上传的附件名称不显示 file-list赋值
问题:上传附件后 文件名字不显示解决:1、首先看file-list 是否在data中定义2、如果定义了,文件名字还是不显示,在获取数据之后,把文件名字push到fileList中去,给name值赋值就可以显示了。 this.fileList.push({ name: '', ...原创 2020-03-25 11:30:34 · 18734 阅读 · 2 评论 -
element ui el-upload上传附件,删除,预览,上传前验证,删除前验证
表单项:file-list=“fileList” 上传附件显示文件名称limit=“1” 限制上传数量为1<el-form-item label="附件"> <el-upload class="upload-demo" ...原创 2020-03-24 16:50:18 · 5449 阅读 · 1 评论 -
Node Sass could not find a binding for your current environment: Windows 64 项目node环境不对,无法运行
Node Sass could not find a binding for your current environment: Windows 64 with node…接手同事的vue项目,运行不起来,报错 如上述,大概就是本地node版本可能与项目中不一致之类的,网上翻半天解决方案,最终解决,记录于此。遇到:**Node Sass could not find a binding for...原创 2020-03-20 16:19:43 · 1709 阅读 · 0 评论 -
vue el-table 表格自适应窗口
vue el-table 表格自适应窗口表格 高度 设变量 tableHeightdata:{//初始值screenHeight: document.body.clientHeight,//屏幕高度tableHeight:window.innerHeight - 300,//table高度},//页面尺寸发生变化时,修改表格高度mounted() {window.onresi...原创 2020-03-20 14:28:05 · 2628 阅读 · 1 评论 -
element Uncaught (in promise) cancel
this.$confirm() 确认框点击取消时报错:Uncaught (in promise) cancel解决方法:没有加catch(),加上之后就不会报错了this.$confirm('确定删除?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消...原创 2019-12-23 14:00:01 · 265 阅读 · 0 评论 -
element table滚动加载+vue自定义指令
element table滚动加载+vue自定义指令1、首先自定义 一个全局滚动加载指令 命名为: loadmore2、在 el-table 中调用loadmore指令: v-loadmore="loadMore"3、加载数据loads()1、首先自定义 一个全局滚动加载指令 命名为: loadmore.el-table__body-wrapper是加载容器,获取向下滚动距离,和左滑距离,只有...原创 2019-12-23 11:37:38 · 900 阅读 · 1 评论 -
vue v-cloak指令的使用
vue学习笔记01:v-cloak指令隐藏元素直至编译完毕实例一个vue,使用插值表达式,显示message,加载网页时,先闪现了一下元素,然后信息才会正常呈现如何避免上述情况:使用vue中 v-cloak指令,可在元素编译完成之前隐藏元素,直至编译完毕显现。只加指令,刷新网页发现并不会起作用,要给v-cloak指令添加隐藏样式,才能真正起作用...原创 2019-10-29 10:49:49 · 217 阅读 · 0 评论