vue
Hi_MrXiao
你必须非常努力,才能做到毫不在意
展开
-
vue/cli3项目兼容ie(转为es5)
因为做的项目会在IE环境下运行的情况,按正常vue支持来说,IE8+应该是支持的,可是ES6写法需要进行兼容,否则项目在IE中无法打开,空白,也报一些 未定义什么的错误。原创 2023-12-19 14:30:30 · 835 阅读 · 1 评论 -
【vue】解决element-ui的el-select下拉框中因选项内容太长导致容器宽度过长问题
使用el-select下拉组件时,当下拉框中的选项内容很长会自动撑开容器宽度,导致页面效果很不好。如果不想使用组件默认的样式效果(超出的文字隐藏,并且后面添加省略号)属性设置下拉弹出框自定义类型 customDropdown。想使用横向滚动条展示所有内容,可以再加上下面的样式代码。为false:不将下拉弹出框插入至 body 元素。1、首先设置el-select的属性。3、设置下拉框的宽度。原创 2023-12-07 16:17:09 · 4009 阅读 · 0 评论 -
vue+pdf.js预览本地pdf文件(可以复制文本,滚动页码展示)
3、解析pdf,获取pdf所有页数据,使用canvas渲染,并使用TextLayerBuilder创建文本层,可以复制文本信息。在这里就是因为微任务导致,所以我们这里渲染pdf任务可以每次渲染完一页后等待一定时间才执行下一页的渲染,空出时间给主线程。在渲染pdf数据时,当pdf文件很大渲染量很多时,会导致页面卡住,无法执行其他操作;在滚动时当前是第几页的页码同步更新展示:需要在渲染每页pdf时将每页的高度存起来,以及每页滚动的临界值。在滚动时,根据当前滚动距离和每页滚动的临界距离相比较,判断当前是第几页。原创 2023-12-05 16:26:17 · 3759 阅读 · 2 评论 -
VS code断点调试vue项目代码
1、搜索安装 debugger for chrome 插件2、创建launch.json文件点击运行和测试,或下面的创建文字按钮,选择chrome3、修改launch.json文件 的配置项{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "conf原创 2022-03-09 15:23:19 · 2771 阅读 · 0 评论 -
Vue如何自定义一个组件
具体步骤如下:1、在compoents文件夹下创建mine文件夹,在其中创建Mine.vue和index.js;2、Mine.vue代码如下:<template> <div> <h3>自定义组件</h3> <p>{{msg}}</p> </div></template><script>export default { name: '原创 2020-08-09 16:53:19 · 324 阅读 · 0 评论