vue
阿兵呐
这个作者很懒,什么都没留下…
展开
-
vue3自定义指令
vue3自定义指令原创 2024-03-20 17:56:37 · 887 阅读 · 0 评论 -
vue自定义主题皮肤方案
vue自定义主题皮肤方案原创 2024-03-11 20:02:49 · 642 阅读 · 0 评论 -
天地图销毁(方案)
天地图销毁(方案)原创 2024-03-11 14:01:43 · 437 阅读 · 0 评论 -
vue2以及vue3 父组件接收多个子组件参数的同时,接收自身参数的方法
vue2以及vue3 父组件接收多个子组件参数的同时,接收自身参数的方法原创 2023-03-16 10:22:57 · 437 阅读 · 0 评论 -
记录有关父元素flex: 1,子元素高度设置百分比不生效的问题(谷歌内核的浏览器中)
使用 navigator.userAgent.toLowerCase() 西安获取一下内核信息,查询内核版本是否处于至少处于chrome49以下参考: https://segmentfault.com/q/1010000020919894原因分析: 由于在低版本的谷歌内核的浏览器中若父元素是使用flex1自动占满的剩余空间则此时父元素的高度就是缺省即默认的压根就没设置高度,故而导致子元素设置百分比高度的时候因找不到父元素的高度从而导致设置的高度不生效的问题解决方法:升级浏览器内核给父元素一个固原创 2021-08-30 16:44:13 · 1095 阅读 · 0 评论 -
有关input框在vue中无论如何都可以获取到焦点
一、需求扫码枪键入数据二、分析因扫描枪本质上其实就是键盘键入数据,最简单的方法就是写一个input框并使其获取到焦点,直接扫码后键入数据即可在测试中这个input框可以显示,调用该组件时手动点击获取焦点即可,但是上线后这个输入框时要定位到屏幕外的就算是可以显示在屏幕中肯定不能要求用户去点击,故而若能找到一个方法可以在调用时就使其获取到焦点,不就可以解决了嘛给当前input框绑定ref亦或者是绑定Id值,而后 this.$refs.inputref.focus() // 或者 d原创 2021-07-26 16:01:11 · 1423 阅读 · 0 评论 -
Error: Redirected when going from “/***“ to “/***“ via a navigation guard
解决方法将下方代码复制进router/index.js中即可const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location, onResolve, onReject) { if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject) return or原创 2021-06-22 17:50:50 · 938 阅读 · 0 评论 -
有关vue cli4版本如何关闭eslint语法检查
一、找到根目录下.eslintrc文件,在其中找到@vue/standard将其注释掉二、如若还不可以,就在根目录下创建vue.config.js文件夹,将下方代码复制进入即可module.exports = { lintOnSave: false, // 关闭eslint校验 devServer: { overlay: { // 关闭eslint校验 warning: false, errors: false }, }};...原创 2021-06-15 09:50:07 · 356 阅读 · 1 评论 -
[Vue warn]: Property or method “toJSON“ is not defined on the instance but referenced during render.
如图: 主要输出this或者window控制台直接报错, [Vue warn]: Property or method “toJSON” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the prope原创 2021-05-10 10:39:30 · 3982 阅读 · 1 评论 -
同时按需引入vant和element库
一、 Vant官方地址1. 通过 npm 安装Vue 2 项目,安装 Vant 2:npm i vant -SVue 3 项目,安装 Vant 3:npm i vant@next -S2.按需引入组件安装插件 npm i babel-plugin-import -Dbabel.config.js中配置如下module.exports = { plugins: [ ['import', { libraryName: 'vant', lib原创 2021-05-08 14:12:37 · 2976 阅读 · 0 评论 -
vue子组件设置默认值为Object或者Array时,报错Invalid default value for prop “XXX“: Props with type Object/Array
vue子组件设置默认值为Object或者Array时,报错Invalid default value for prop “XXX”: Props with type Object/Array,翻译为[Vue warn]:属性“XXX”的默认值无效:类型为Object/Array的道具必须使用工厂函数返回默认值。如下此类问题原因在于Props在设置默认值default时若值类型为Object或者Array时不能直接default而是需要使用函数通过return将值返回出来才可以,如下1. 错误写法li原创 2020-12-09 15:08:08 · 1781 阅读 · 0 评论