![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
踏浪而行foreval
这个作者很懒,什么都没留下…
展开
-
基于antdv有可键入搜索的选择器
inputChange:选中 option,或 input 的 value 变化(combobox 模式下)时,调用此函数。本组件基于ant design Vue 和 Vue开发(JeecgBoot Vue2.0),带有搜索和键入。ifNeedAsterisk:是否需要模糊查询(业务中定为:true加*为模糊查询,false不加为精确查询)routeKey:指定循环的key(必须唯一,默认:id)methodFn:请求方式。field:指定要放的字段。inputUrl:请求路径。params:请求参数。原创 2023-03-27 13:17:05 · 512 阅读 · 0 评论 -
JeecgBoot vue 带参跳转 新页面赋值后删不掉
假设从A页面跳转到B页面,传递参数为planCodeB页面被赋值的input可以显示新值,但是删不掉,进行删除的时候光标常亮不闪;不删除时,光标有规律闪动,这可不行,只能赋值不能删除不能满足需求怎么办呢?开始接下来的探索// A页面this.$router.push({ path:'/checkManage/WmsCheckRecordList', query:{ planCode:planCode1 }})// JeecgListMixi.原创 2021-02-24 15:42:20 · 1036 阅读 · 0 评论 -
两个条件同时满足时执行方法
要求:values里面的libraryCode与this.dataSource中size不得大于selectNumber,满足该条件的时候执行方法// 发布作业getTableData() { this.$refs.wmsWarehousingPlanDetail.getValues((error, values) => { if (error === 0) { var flag values.forEach((it.原创 2021-02-20 18:36:00 · 2627 阅读 · 0 评论 -
孙组件给父组件
组件A里包含组件B,组件B里包含组件C,组件C的值要传值给组件A,那么就要用$listeners传值。$listeners跟子传父差不多1.在孙组件里定义事件,通过$emit把值传出去。<template> <div> <button @click="trans()">传值</button> </div></template><script>export default {原创 2021-02-05 17:05:55 · 424 阅读 · 1 评论 -
antDv 级联选择器(a-cascader)通过接口动态加载数据
每次子选择器的内容都是通过将父级id传给接口获取到 最终保存到data中参数selectItem格式为 xxx,xx,x<a-cascader :options="options" :load-data="loadOptionsData" placeholder="请选择库位信息" change-on-select v-model="queryParam.positionCode" @change="onChange"/>...原创 2021-02-02 11:03:32 · 5083 阅读 · 3 评论 -
uniapp微信小程序获取不到用户返回操作的问题
先说一下我的需求:1、用户未登录的情况下,碰到需要登录的接口,跳转到登录页面2、用户登录成功,返回原页面3、用户不想登录,返回到原来的页面的上一个页面 (通过页面栈来实现,在需要登录的页面判断上一个页面是不是登录页并且没有登录,如果是的话直接返回上上个页面)话不多说,直接上代码(这里只实现1、2)//登录前的页面,也就是需要获取用户信息的页面data(){ return { loginIndex:1, // 用来记录跳转到登录页的次数 }},onSho原创 2020-09-23 10:57:38 · 1886 阅读 · 2 评论 -
手写一个弹出窗
需求: 1、点击按钮能显示弹窗,并显示相对应的内容 2、弹窗显示的时候有遮罩层,并且不能穿透 3、关闭弹窗的同时去掉遮罩层,并且可以滑动列表内容环境: vue + jQuery代码:<!-- 遮罩层 --><div id="mask" style="position:fixed; left:0; top:0; opacity:.5; width:100%; height:100%; background:#000; z-index:9...原创 2020-09-10 16:48:13 · 636 阅读 · 0 评论 -
解决点击事件传参,打印时却为undefined的问题
话不多说上代码<scroll-view scroll-y="true" scroll-top="0" :style="{height:indexHeight}" @scrolltolower="ReachBottom" scroll-with-animation="true"> <view class="product" v-for="(item,index) in products" :key="item.id" > <view class="items">原创 2020-09-06 09:16:22 · 2261 阅读 · 0 评论 -
vue中v-bind和v-model的区别
1、:value是v-bind:value 的简写。官方给出的说明是:动态地绑定一个或多个特性,或一个组件 prop 到表达式。 官方给出的描述:2、v-model可以进行双向数据绑定,官方的描述是这样的:简单来说:v-bind是一个单向数据绑定,映射关系:Model->View,我们不需要进行额外的DOM操作,只需要进行Model的操作就可以实现视图...原创 2020-04-10 11:03:16 · 18511 阅读 · 0 评论 -
踩坑之穿梭框与树形控件的完美结合 el-tree-transfer
开发文档见:https://github.com/hql7/tree-transfer先下载npm install el-tree-transfer --save或npm i el-tree-transfer -S<template> <div> // 你的代码 ... // 使用树形穿梭框组件 <tree-t...原创 2020-03-17 16:09:46 · 6424 阅读 · 18 评论 -
在el-table中使用el-popover,没法点击确定或取消来关闭
在使用el-popover时,想在el-popover中进行选择操作只后自动关闭,在elementUI开发文档中还没有写。在网上查找资料发现有一个自带的方法 但是文档上没写doClose()<el-popover placement="right" width="400" trigger="click" ref="popover"> <div&g...原创 2020-03-07 10:51:56 · 1851 阅读 · 1 评论 -
elementUI 列表里面含有多选框,当翻页的时候依然保持之前页多选不变
直接看代码<el-table :data="tableData6" :row-key="getRowKey" // ← 重点看这里 ref="buyerTable" height="300" @selection-change="handleSelectionChange" border style="width: 100...转载 2020-02-24 10:37:25 · 443 阅读 · 0 评论 -
按钮防止重复点击提交数据
本博客内容非原创,由wandoumm的博文提供支持<template> <button @click="submit()" :disabled="isDisable">点击</button></template> <script> export default { name: 'TestButton', ...转载 2020-02-24 10:27:16 · 215 阅读 · 0 评论 -
在数组中过滤id重复的对象并组成新的数组
const data = [ { id: 1, name: '张三', age: 15, }, { id: 2, name: 'John', age: 18, }, { id: 3, name: '李四', age: 18, }, { id: 1, name: '张三', age: 15, }, ...原创 2020-02-05 17:57:39 · 3944 阅读 · 0 评论 -
element 表格里的input点击回车聚焦下个input,并选中框内的内容
vue中template里面的内容 <el-table :data="row" ref="singleTable" stripe style="width: 100%" highlight-current-row @current-change="handleCurrentChange1"> <el-table-column prop="ID" label="订...原创 2020-02-05 17:48:32 · 1179 阅读 · 0 评论 -
前端实现导出数据至Excel文件
1、先安装依赖cnpm install file-savercnpm install xlsxcnpm install script-loader2、在这里面需要动的是第4、5、6行 其中第5行是表格中的表头,第6行是表头对应的接口返回的属性handleExport() { this.downloadLoading = true; require.ensure...原创 2020-02-04 17:35:35 · 1050 阅读 · 0 评论 -
心仪的ElementUI集合
1、https://github.com/mengdu/vue-element-admin-tpl2、http://lubanseven.gitee.io/dark-version/#/notes3、http://api.hardphp.com/vue-admin/index.html#/dashboard这是最近发现的比较心仪的几个demo,非本人原创都是vue +...原创 2020-02-04 17:21:08 · 196 阅读 · 0 评论 -
百度地图 地址解析与逆地址解析
项目中需要根据在input框中输入的地址,拿到这条地址的城市编码(adcode),这可难倒了我了,研究了好几天。整理了一下,我是这样用的//在public中的html中加上 <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=3.0&ak=密钥"></script>...原创 2019-12-13 20:16:35 · 998 阅读 · 0 评论 -
路由跳转时带参传值
传值方调用这个方法:goPage(id){ this.$router.push({ path:'/xxxxx', //跳转地址 query:{ ID:this.ID //跳转时需要携带的参数 } })}本博客仅用来记录生活点滴...原创 2019-12-03 10:48:47 · 666 阅读 · 0 评论 -
将文字转化为条形码
print.js 放到utils文件夹中// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend(...原创 2019-12-03 10:34:05 · 3260 阅读 · 1 评论