- 博客(245)
- 收藏
- 关注
RSS订阅原创 el-table设置列固定fixed后，滚动条无法拖动
但是使用fixed后导致fixed列下面的滚动条无法拖动，因为列固定列覆盖了滚动条，导致无效。el-table设置列固定，使用fixed。
2023-07-12 15:07:04
837
原创 el-select下拉框：数据回显后，无法重新选中或修改
作用：在Vue官方文档中指出，$forceUpdate具有强制刷新的作用，迫使vue实例重新（rander）渲染虚拟dom，注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。作用：vue中的nextTick()是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick()，则可以在回调中获取更新后的 DOM。给el-select 点击事件 @change="getTeacherId" 强制数据刷新。选中其他值以后 数据并没有发生改变 且无法选中。
2022-11-15 18:48:20
2595
2
原创 使用三元表达式动态判断class的样式
效果大概是判断btn按钮 如果为最后一个 则按钮变禁止样式disabled 且颜色变灰。idx: 0, 默认为0 当前为第几项。question 答题数组。
2022-10-17 16:04:43
780
原创 foreach中使用return会继续执行之后代码，解决方法
foreach 里使用return 好像不起作用 就算满足了条件还是会继续执行return后得代码 据说for循环不会 这里没做尝试。使用foreach 搭配 return 加个flag就好了。
2022-09-29 17:23:36
669
原创 如何将后台返回得接口数据绑定给radio
为什么赋值给res.data 是因为这是根据id查询得数据 所以直接返回给接口。由于后端给的是数值 而前端需要得是字符串 所以需要转化一下。最后一步再把res.data 赋值给form。
2022-09-28 15:54:07
555
原创 input表单按下回车刷新页面的解决方案
解决方法 ： 再给一个input 表单 将其设置style="display:none"原因是 如果表单中只有一个input 则按下回车会直接关闭表单 所以导致刷新页面。点击回车之后 刷新页面。
2022-09-08 17:17:12
1193
原创 Vue中this.$router.push（参数） 实现页面跳转
很多情况下，我们在执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用。来修改 url，完成跳转。跳转后 携带id的新页面。
2022-09-02 09:20:08
3432
原创 git拉取更新远程代码(会放弃本地操作)
4.#把hard指针指向刚刚下载的最新代码，撤销本地、暂存区的修改，用版本库(github上面的新代码替代)此类情况是 自己放弃本地代码得编辑，写崩了或者不想解决代码冲突，只想要远程仓库得最新一版得代码。3.执行命令进行更新文件的下载覆盖，下面会列出哪些文件进行了修改。2. 下载远程仓库最新代码 不做合并处理。此时就会发现 代码已经发生改变。...
2022-08-29 09:38:15
3209
原创 获取Element的select的value和label值的几种方法
这个currentLabel 我也不清楚哪里来的 可能组件自带 但确实打印出来了选中的名。
2022-08-27 15:37:02
792
转载 el-table-column prop使用三元运算符
之前采用动态prop的方式 发现不起作用（傻der）使用模版插槽的时候 就不用prop。
2022-08-27 14:51:00
1668
原创 element级联选择器可以选择任意一级分类菜单
change-on-select 是老版本的element上面有的组件 现在好像取消了 但是还能用。问题又来了 组件只能点击按钮才能选择该分类 要实现点击lable文本就能选择分类。实现 点击按钮 自动关闭这个下拉框。
2022-08-22 18:24:33
655
原创 vue-shop 表格中使用树形控件 vue-table-width-tree-grid
一级大家电下面的数据 都是接口返回给我们的 这个样式是组件自身的。这个树形结构有点像iview。2.main.js中注册。
2022-08-17 01:22:19
479
3
原创 es6中Object.assign的用法
这样就产生了矛盾 所以即为了满足选择器的数组 和 接口的字符串形式 可以把addFrom 拷贝复制一份 给 copyForm。但是最终添加商品时 接口中要求表单中的分类 是个以 , 为分割的字符串。表单中的商品分类 是个级联选择器 需要用到的是数组形式。拷贝addForm 克隆复制给copyForm。用copyform走接口 毕竟他俩是一样的。......
2022-08-17 01:05:47
258
原创 把接口里的字符串转化为数组vue-shop商品分类
如果长度为0 也就是说没有数据 返回空数组 如果有数据 就是上面写的分割数组。显示就是要用这个element组件里这个多选框组 需要用数组的形式。然后再把这个三元表达式 赋值给item.attr_vals。运行之后的效果是这样 超长 并不美观。此时接口返回给我们的是字符串。...
2022-08-15 11:37:26
452
原创 npm install安装失败解决方法
npm install 下载失败的解决方法。1、手动删除文件node_modules；3、执行npm run dev。
2022-08-02 21:19:29
1361
原创 iview菜单menu和checkbox结合,批量删除菜单栏
实现样式 可以批量删除菜单栏 点击一级菜单显示对应数据 activeName要在data里设置为空其实这一步搞得我挺迷 说不上来怎么解释之前name一直绑定的item.title 各种获取不到id 累死 后来百度原来要在314行拿到name 有点乱 就是点击菜单栏需要获取到当前点击项的id才可以给右边的表格数据但是写了两个重复接口 初始化数据//后面点击id获取的数据是因为thisID是直接获取到的id(代码315行) this.dianone.id 是当前点击对象里的id (这个id是数
2022-06-30 11:27:20
483
原创 iview保存编辑按钮的显示与隐藏
xuanvalue: -1, data里定义 在可编辑表格里加上这行代码三元表达式 动态绑定保存的名字 方法:
2022-06-28 14:42:38
192
原创 css样式中width:auto是什么意思
width：auto 表示宽度是可变的，浏览器会自动计算其宽度；根据验证发现，width：auto的计算方式与其定位方式有很大的关系。如果父宽度为100% 但是自身有padding值 则盒子宽度会溢出 (父内容content+padding) 会导致有滚动条如果为auto 则会减去padding值再给子div宽度 (相当于box-sizing:border-box) (虽然可以自动计算 但我觉得样式蛮丑 会导致边框对不齐 还是建议自己给个宽)...
2022-06-28 10:27:35
5008
原创 分页样式 flex设置成在尾部显示(即使页数加长 也不会因为在末尾而换行)
分页样式 flex设置成在尾部显示(即使页数加长 也不会因为在末尾而换行)
2022-06-24 16:48:52
373
原创 重置vue中的表单数据
方法一:element的resetfields 方法二:vue的thisoptionsdataform方法对form重置方法三:vue的data重置
2022-06-24 09:23:32
3742
原创 iview render可编辑表格， input 自动获取光标焦点
在使用 iview 的 render 渲染函数时，我们动态生成的 Input 输入框，自动获取焦点时，只能第一次获取到焦点，我们可以使用原生的 js 获取焦点，使用ref 无效，原因未知。
2022-06-07 16:41:38
836
原创 element自定义校验规则,表单里可用,正则
var checkEmail = (rule, value, callback) => { const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/; if(regEmail.test(value)){ //合法的邮箱 return callback() } callba.........
2022-05-18 17:13:29
102
原创 uniapp微信登录返显用户名和头像
uniapp微信登录返显用户名和头像发现可以在授权登陆后，获取到的用户信息随 token 一起存入storage中，在需要使用的地方从storage中获取就行。注 : 通过前面的1 去调取 这不是打印字符串的意思顺序不能变 把需要存储的信息放在后面取onshow就是 页面一加载就显示......
2022-05-13 10:52:51
664
原创 vue+js,了解同源策略和跨域,jsonp,防抖和节流
什么是同源策略?是浏览器提供的一个安全功能通俗理解: a网站的js,不允许和非同源的c网站之间,进行资源的交互如,无法读取非同源网页的cookie,localstorage无法接触非同源的dom 无法向非同源地址发送请求......
2022-05-09 11:29:27
136
原创 js使用set方法去重
let arr = [1,2,2,3,4,5,5]let s = new Set(arr);console.log(s); // {1,2,3,4,5}arr = [...s]; //...es6展开运算符console.log(arr); //[1,2,3,4,5]//一些set的属性console.log(s.size) //5 去重之后还有五个数字 相当于长度lengths.delete("4") //删除某一项 删除的是数字 不是索引下标...
2022-05-07 14:00:13
644
空空如也
路由传参，参数为未定义
2022-09-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人