- 博客(12)
- 收藏
- 关注
原创 使用 vuex-oidc 在 Vue 项目中对接 Duende IdentityServer
尽管在授权服务器端可以直接为客户端添加一个授权码许可,并保存成功,然而,在实际对接过程中会碰到麻烦,即在从前端页面跳转到 Duende IdentityServer 页面后,会得到一个 invalid request 页面。》中记录了直接在 Vue 项目里,不使用任何状态管理包,直接使用 oidc-client js 来对接 Duende IdentityServer,并且使用了 OAuth 2.0 的隐式许可模式。》中使用了拷贝 oidc-client js 的方式,这一次我们不用这么做了。
2023-12-19 17:19:17 1261 1
原创 You may have an infinite update loop in a component render function.
问题:You may have an infinite update loop in a component render function.在组件渲染函数中你可能有一个无限更新的循环这就导致页面一直在加载无限循环下去,没有终止,卡死在vue的data方法中:data() {// 定义响应式变量isExecuteFlag: false}<el-table-column prop="" lab。问题就来了:循环没有及时终止,导致变量一直在更新,而Dom又一直在渲染,无限循环,渲染-更新 卡死。
2023-12-13 15:07:41 1037 1
原创 vue-office文件预览
excel: 'http://static.shanhuxueyuan.com/demo/excel.xlsx'//设置文档地址。docx: 'http://static.shanhuxueyuan.com/test6.docx' //设置文档网络地址,可以是相对地址。pdf: 'http://static.shanhuxueyuan.com/test.pdf' //设置文档地址。)预览的vue组件库,支持vue2/3。console.log("渲染完成")console.log("渲染完成")
2023-10-10 17:51:04 444 1
原创 ace-editor
'ace/mode/sql'这个路径在 'ace-builds/webpack-resolver'里有转换,所以一定要引入'ace-builds/webpack-resolver'文件。当然,如果不想引入整个'ace-builds/webpack-resolver',也可以自己在组件单独写对应的路径处理。ACE方便页面上编写代码,能够提供JavaScript,SQL,Java等多种语言提示以及高亮显示,解析缩进等格式。
2023-08-16 13:44:49 288 2
转载 flex布局 百分比内容撑大盒子问题
上面的二种方法都可以达到我们需要的效果,即给 content 设置了 flex 为 1 的时候,它会动态的获得父容器的剩余宽度,且不会被自己的子元素把内容撑开。在移动端,flex 布局很好用,它能够根据设备宽度来自动调整容器的宽度,用起来很方便,已经越来越离不开它,但是最近在做项目的时候发现一个问题。就是在一个设置了 flex:1 的容器中,如果文字很长,这时候文字就会超出容器,而不是呆在设置好的动态剩余的空间中。.notice可能会非常长,一些设备下需要隐藏显示,即不换行,并留下省略符…
2023-07-10 17:26:32 771 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人