![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 58
weixin_43968963
这个作者很懒,什么都没留下…
展开
-
JS返回满足给定条件的首个元素索引值
findIndex() 方法为数组中的每个元素都调用一次函数,在回调函数内利用给定添加过滤元素,返回第一个通过检测的元素的索引位置。当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。find() 方法为数组中的每个元素都调用一次函数,在回调函数内利用给定添加过滤元素,返回第一个通过检测的元素。当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。转载 2022-08-23 17:58:59 · 1172 阅读 · 0 评论 -
Vue + ElementUI 开发项目,遇到下拉框option 失去焦点时 不关闭的问题
问题描述:使用Vue + ElementUI 框架开发项目且用了下拉加载更多,遇到了下拉框(el-select)中的option(el-option)失去焦点后,下拉框不隐藏,并在控制台报错**Uncaught TypeError: Cannot read properties of null (reading ‘disabled’) **,截图如下:控制台报错:不关闭的下拉选择框:百度参考了其他文章之后得到的结果是使用了el-dropdown 下缺少 el-dropdown-menu 元素原创 2022-04-27 10:33:55 · 3925 阅读 · 1 评论 -
elementUI的el-select下拉加载更多及远程搜索
参考于官网(https://element.eleme.cn/#/zh-CN/component/select)及博客(https://blog.51cto.com/u_15127634/4027669)前置:vue脚手架搭建出来的项目在main.js写一个自定义指令/* 自定义指令复选框下拉加载更多 使用 el-select-loadmore*/Vue.directive('selectLoadmore', { bind(el, binding) { // 获取element-ui原创 2022-02-15 15:30:01 · 2691 阅读 · 0 评论 -
通过 vue-cli 创建 uni-app 项目
通过npm下载创建项目,参考官网链接(https://uniapp.dcloud.io/quickstart-cli)此文章是使用vue2创建的前置:已经全局安装了vue-cli,window+R输入cmd回车可出现, vue -V查看脚手架版本及安装如果没安装,则执行以下命令(全局安装脚手架)npm install -g @vue/cli1.使用正式版(对应HBuilderX最新正式版)vue create -p dcloudio/uni-preset-vue my-project此原创 2022-02-14 15:29:35 · 1133 阅读 · 0 评论 -
element-ui el-table使用v-if来控制列的显示隐藏 出现列位置错乱问题
描述:在el-table中使用v-if控制某些列的显示或者隐藏,当activeIndex数据发生改变时,下面这种写法会导致表格的列位置错乱,截图及代码如下:<el-table ref="multipleTable" :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize ) " tooltip-effect="dark" style="width: 100%" :row-key=" (row) =&g原创 2021-12-07 14:09:31 · 3072 阅读 · 1 评论 -
elementUi中 el-table中@selection-change执行了两次
问题出现原因:el-table(表格)和el-pagination(分页)结合起来前端实现分页功能的时候,表格复选框执行两次,导致复选框无法勾选上,效果图如下:代码:<el-table ref="multipleTable" :data="tableData.slice((currentPage - 1) * pageSize,currentPage * pageSize)" tooltip-effect="dark"转载 2021-12-01 17:11:31 · 3395 阅读 · 2 评论 -
vue使用rem(px自动转化rem)
初始化css样式的时候,需要设置默认字体的大小*{font-size:要设置默认大小}1、通过npm下载依赖npm install postcss-pxtorem -D2、在main.js引入import "./assets/js/rem.js”3、在postcss.config.js配置如下代码,如没有就新建module.exports={ plugins:{ 'autoprefixer':{ browsers:['Android >= 4.0','iOS原创 2021-08-13 16:41:56 · 318 阅读 · 0 评论 -
vue+element Cascader 级联选择器之动态加载下级选项
vue+element Cascader 级联选择器之动态加载下级选项文档链接https://element.eleme.cn/#/zh-CN/component/cascader需求描述:省和市后台出两个接口,前端界面一个输入框显示出来,如图:代码在github master分支https://github.com/ysmyzly/cascader.git先请求省的接口,然后使用 @active-item-change="handleItemChange"请求下一个列表的接口,使用$set更原创 2021-07-20 15:33:03 · 840 阅读 · 0 评论