Vue
Gem__
这个作者很懒,什么都没留下…
展开
-
前端通过文件流导入导出excel(兼容IE)
前端通过文件流导入导出excel(兼容IE)api文件夹内新建config.js,封装导入导出的请求方法import axios from 'axios'.../** 上传* url:请求地址* params:参数* */export function fileUpload(url, params = {},loading=true) { return new Promise((resolve, reject) => { service({原创 2020-12-30 12:54:05 · 732 阅读 · 0 评论 -
[Vue warn]: Invalid handler for event “click“: got undefined报错原因
今天在写菜单的时候,vue中我将onClick事件写到了rander函数里渲染的方式,渲染的是菜单,有些具有children的菜单也需要点击跳转这个需求,这样写了之后,点击跳转的功能生效了,但是会报vue警告。Invalid handler for event “click”: got undefined解决: 把点击事件的方法写道methods方法里...原创 2020-10-25 15:31:35 · 2864 阅读 · 0 评论 -
el-cascader联级选择器在v-for循环中获取节点对象的正确使用姿势
el-cascader在v-for中使用refs.xxx.getCheckedNodes()会报getCheckedNodes is not a function ,研究了很久,终于搞出了正确姿势://v-for循环时要有item和index ,将index传入el-cascader的change事件:<el-row v-for(item,i) in orgList :key="index"><el-cascader ref="tree" @change = "checkedCh.原创 2020-08-04 00:07:25 · 1934 阅读 · 1 评论 -
关于element中联级选择器el-cascader单选,选中复选框联级模态框立即消失
如图,此联级选择器设置为单选,所以用户点击左侧单选框选中后,需要点击其他空白地方才选择框能消失,如果联级选择器在较小的dialog弹窗的表单中,点击其他地方,弹窗和选择器都直接消失了,用户体验非常的不友好,如果是单选的话,所以一旦选中的话,界面就没有必要显示了。想要实现选中立即隐藏这里可以使用this.$refs.[“联级选择器的ref值”].dropDownVisble = false,代码如下://el-cascader的change事件,saveOrgTree是联级组件的refcheckedCh.原创 2020-08-03 23:51:15 · 2000 阅读 · 1 评论 -
el-select可搜索功能,实现对输入的搜索内容进行控制
今天测试提了一个bug,需求是一个下拉框,带搜索过滤功能,测试要求对输入的内容进行控制,控制其长度为20,搜索功能是不进行交互的,是前端的一个功能而已,测试要求,那就搞呗。可以用.native获取内部input<el-selectv-model="searchForm.productId"placehoder="请输选择产品或输入产品名字过滤"filterable@input.native="filterData"clearableref="searchSelect"><原创 2020-07-25 10:04:28 · 7433 阅读 · 4 评论 -
VUE各个组件的传值
VUE各个组件的传值父给子传值父组件可以 引入、使用 子组件,从业务上看,该父组件有可能对子组件有个性化需求,为了体现组件的灵活多变,可以通过传值实现语法:父组件要在子组件标签上通过属性值方式传值<子组件标签 name=value name=value name=value></子组件标签>子组件接收并应用值,具体通过props接收<!--在模板中应...原创 2020-02-03 21:14:21 · 172 阅读 · 0 评论