logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端文件导入(FormData形式),并隐藏原input file标签后面的提示文字

目录效果图原理html代码js代码以上即可完成任务效果图导入数据按钮点击后,弹出文件选择,最后选择文件进行导入原理用el-button来代替原生的input标签显示,设置input标签样式为display: none;在点击el-button按钮时,获取input元素,并触发其点击事件html代码<el-button size="mini" type="primary" @click="to

#javascript#前端#html
el-tree设置默认展开节点后,el-tree点击节点不能关闭(触发node-collapse事件,节点无法关闭)

项目中使用到el-tree, 考虑到数据量还是有这么大,就想将用户对节点的操作保存下来(保存用户已点击展开的节点id,在下一次进入或刷新后,对其进行默认展开操作)问题:在后面测试中发现点击第一级展开的某些节点,节点竟然无法关闭。。。。。

#javascript#前端#vue.js
el-tree 懒加载数据,展开的节点与查询条件联动,且对查询的节点进行定位

其实这个联动,主要是搞懂el-tree的node-key和属性就行。简单来说,就是你想展开哪个节点,就把该节点node-key对应的字段放入default-expanded-keys对应的数组中。其他的就是对数据的处理把接口获取到的数据处理成你想要的样子,这是前端在很多时候都要做的事情。

文章图片
#vue.js#elementui#javascript
微信小程序阻止事件冒泡

在vue中阻止事件冒泡的方法使用的event.stopPropagation();但微信小程序中事件传递的event却没有stopPropagation()这个方法

#微信小程序#前端
nginx 部署vue项目,路由模式为history时,页面刷新404问题

因为打包部署后,地址栏的地址只是vue的路由,并不是真的文件目录地址。所有的路由都是依赖于SPA单页应用的index.html。所以当刷新时,按照地址栏的地址,找不到对应的文件,就产生404。

文章图片
#vue.js#nginx#前端
nginx 部署vue项目,路由模式为history时,页面刷新404问题

因为打包部署后,地址栏的地址只是vue的路由,并不是真的文件目录地址。所有的路由都是依赖于SPA单页应用的index.html。所以当刷新时,按照地址栏的地址,找不到对应的文件,就产生404。

文章图片
#vue.js#nginx#前端
解决vxe-table编辑单元格时,自定义渲染模板(结合element ui的标签组件)

目录HTML样例实现方法安装vxe-table-plugin-element插件实测可用!HTML样例<vxe-table-columnfield="destination"title="目的地"width="300px":edit-render="{type: 'default'}"><template v-slot:edit="scope"><el-cascade

#javascript#vue.js#前端
vue-treeselect 问题合集、好用的树形下拉组件(vue-treeselect的使用、相关问题解决方案)

vue-treeselect 使用及相关问题解决方案,持续更新!!!最新更改:继续优化【问题五】的第二种解决方案(将vue-treeselect + 拖动改变宽度方法进行二次封装,可直接重复调用,增加 saveOldWidth 属性,用来是否保存上一次组件宽度)复制代码即可上次更改:1.@input 事件里,想要拿到node参数,而不是value参数2.优化【问题五】的第二种解决方案(考虑页面上存

文章图片
#vue.js#javascript#前端
    共 13 条
  • 1
  • 2
  • 请选择