前端
一只躺猫
有人说逛CSDN就像屎里淘金, 希望你在我这里能找到更多金子 / 已转行, 弃码从文
展开
-
vue动态加载组件
需求: 项目遇到一个打印需求, 每次打印可能会选取不同的打印模板, 而这些模板如果很多的话, 难以存放在同一个vue组件里管理, 因此需要放在本地以多个.vue文件存储. 在打印时再根据需要的模板, 动态获取对应的.vue模板文件实现思路: vue自带动态组件和异步组件的功能, 参考: 动态组件实现思路是通过点击事件, 异步获取组件, 再利用动态组件渲染获取的组件DEMO: 在线DEMO实现:<template> <div id="app"> // 动态组件渲染原创 2022-01-13 17:21:23 · 730 阅读 · 0 评论 -
vue watch监听子组件内数据变化
mounted () {this.$watch( () => { return this.$refs.<name>.<data> }, (val) => { alert('$watch $refs.<name>.<data>: ' + val) } )}通过$watch可以从父组件里监听子组件内数据变化, 但注意只能监听$watch $r原创 2022-01-04 10:18:02 · 8373 阅读 · 0 评论 -
elementui upload 到达limit后隐藏上传按钮
新增函数:data:{limit:3},methods: { /** * @description: 检查文件长度, 若与限制长度相同则隐藏上传按钮 * @param {*} filelist 上传文件列表 * @return {*} */ checkLimit(filelist) { const limit = this.limit const uploadDom = this.$refs['upload'] if原创 2021-11-25 15:10:10 · 2584 阅读 · 2 评论 -
vue 刷新、重新加载app
需求场景:以大数据面板为例, 需求方要求隔一段时间当前页面重新加载页面, 从后台获取最新数据, 想到的思路有以下几种1, 直接location.reload() 刷新整个页面2, 参考https://blog.csdn.net/qq_16772725/article/details/80467492里的第三种方法,3, 直接在App.vue通过修改key重新渲染<router-view :key="key" />分析:1, 方法1效果不美观, 页面要闪一下且有延迟2, 法2可以实现原创 2021-11-20 17:28:02 · 6097 阅读 · 0 评论 -
vue多项目管理配置
太长不看我把多项目集成模板上传到了github vue-multi-admins-template, 使用方法在文章最后需求vue多个项目开发时, 存在项目内资源共用的问题, 解决方案一般有两个,1, 每个项目独立开发, 公用资源通过npm打包发布到私人或公用npm服务器, 使用时引用这些npm包2, 多个项目集成到一个根项目里, 每个子项目可单独运行打包, 也可直接运行打包由子项目集成的根项目本文介绍方案2说明为适用公司业务, 项目基于vue-admin-template集成, 基于其他项原创 2021-11-09 16:37:11 · 4822 阅读 · 3 评论 -
element admin跨域问题解决
我们用element admin开发, 往往使用它的官方模板vue-admin-template,如果要解决开发环境跨域问题, 官方给出的前端解决方案如下:在dev开发模式下可以下使用 webpack 的proxy使用也是很方便,参照文档就会使用了,楼主一些个人项目使用的该方法。跨域问题 | vue-element-admin但文档没有提到一些关键细节, 因此只设置proxy会导致跨域不成功, 下面是两个关键地方的修改, 以使跨域生效. (此文虽是基于vue-admin-te...原创 2021-10-12 09:51:14 · 4917 阅读 · 1 评论 -
在utils/index.js下引入element-ui组件引起启动错误 document is not defined
最近在vue的开发中,昨天运行还是正常的,但是第二天启动就启动不起来,报错的源头也是element组件,让人有些头大下面是错误报警,让人看不出源头Starting development server... 10% building 2/2 modules 0 active ERROR ReferenceError: document is not definedReferenceError: document is not defined at Object.<an..转载 2020-10-13 20:12:53 · 1170 阅读 · 0 评论 -
vue 百度地图使坐标居中
需求:用户在滑动地图后, 点击图中坐标按钮, 把地图坐标居中到最初设置的坐标<baidu-map class="map" :center="center" :zoom="16"> <bm-marker :position="center" animation="BMAP_ANIMATION_BOUNCE" > </bm-marker></baidu-map><span class="ml10原创 2020-07-24 14:20:21 · 1425 阅读 · 2 评论 -
解决 primordials is not defined 问题
在安装npm依赖的时候碰到了ReferenceError: primordials is not defined的问题, 搜索发现是安装gulp版本与node版本不兼容的问题, 我的项目gulp版本是3.9.1, 本地node版本是12.4.0stackoverflow给出的方法是回退node版本或升级gulp版本:https://stackoverflow.com/q/55921442/...原创 2019-11-10 18:43:34 · 123618 阅读 · 16 评论 -
chrome调试器 如何在某对象变化时打断?
有时在chrome调试器上调试js时, 我们会想监听某个变量的变化, 或者某个对象属性的变化, 在值发生改变时打断通过这个插件可以实现:break-on-access在chrome调试器里sources --> snippets --> new snippet, 然后粘贴break-on-access.js里的代码并保存, 右键点run运行使用:运行后, 在co...原创 2019-04-20 20:34:44 · 2594 阅读 · 0 评论 -
解决小程序断点调试打开WAService.js卡死的问题
卡死原因, WAService.js文件太大, 渲染花费太多时间, 因此卡死, 想办法跳过这个文件即可, chrome调试工具内置功能可解决解决办法, 打断点后找到 source panel - call stack - WAService.js文件执行栈 - 右键 - Blackbox script解决Blackbox script 的作用是断点调试时跳过指定js文件, 这里我们...原创 2019-02-19 13:59:05 · 6781 阅读 · 7 评论 -
在chrome调试栏(console)获取json格式的js对象
1 - console里右键点选js对象"Store as global variable"2 - 会打印出: temp13 - 输入 copy(temp1)此时json格式的对象已经在剪切板里了, 可粘贴查看原创 2018-10-09 14:42:56 · 5642 阅读 · 2 评论 -
webpack配置自定义端口80
当使用vue启动项目时, 默认的监听端口是8080在 webpack.config.js 文件 加上如下一段,可以设置自定义监听端口devServer: { inline:true, port: 80},原创 2017-08-14 22:30:54 · 13008 阅读 · 1 评论 -
vue相关的sublime配置
1, 语法高亮这个问题安装vue syntax highlight插件: 1.按住 ctrl + shift + p 2.输入:install Package 3.输入: Vue Syntax Highlight关闭编辑器重启, 可以看到高亮效果, 但是如果你想在 script里用上es6语法, 在style里用上stylus并实现对应的语法高亮的话, 即在vue文件不同部分都实原创 2017-07-28 23:59:13 · 2364 阅读 · 0 评论 -
npm resource busy or locked解决方法
报错: npm resource busy or locked.....解决: 确保node为最新坂本Run: npm cache cleanRun: npm install原创 2017-07-28 20:39:06 · 37269 阅读 · 7 评论 -
github markdown语法大全
https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#lines原创 2017-08-03 13:43:31 · 694 阅读 · 0 评论 -
如何用手机访问电脑本地localhost网页, 以调试项目?
方法很简单:1. 先确保你的手机和电脑连在同一个局域网内. 2. Window + R, 然后输入 ipconfig,然后获取ip地址, 长这样: 192.168.XX.XX 3. 手机浏览器里输入这个地址: http://192.168.XX.XX:8080, it works注意: 如果上面方法仍然不行. 关掉360一类的杀毒软件, 再试下,还不行的话关掉防火墙, 因为这问题跟防火墙有原创 2017-07-30 19:41:52 · 59805 阅读 · 11 评论