随笔分类 -  Vue

关于input输入框记住之前保存的输入值及autocomplete和name属性
摘要：input输入框记住之前保存的输入值，便于下次输入时校对及查看选择，这是很常见的一个需求。 实现方式有很多种： 方法一：将输入值存入数据库，下次输入前查询出来，显示在输入框下方。优势：数据准确，稳定，持久；缺点：需服务端支持，额外的前后端交互，服务器资源的占用。 方法二：将输入值保存在本地(webs 阅读全文
posted @ 2022-06-22 16:02 IT小猿人 阅读(6219) 评论(0) 推荐(0)
TypeScript中向window对象上添加属性或方法及报错解决
摘要：JavaScript中定义使用全局属性或方法可以借助于window对象 在TypeScript中这么使用时，编译会报错且IDE编辑器语法检查也会报错提示 解决办法： eg：vue+TypeScript项目中，新增(.d.ts)声明性文件 eg：lib.dom.d.ts文件 声明： 此后在.ts文件或 阅读全文
posted @ 2022-06-15 19:45 IT小猿人 阅读(5704) 评论(0) 推荐(1)
JavaScript数据类型BigInt实践之id数值太大，导致前后端交互异常
摘要：JavaScript基础数据类型BigInt实践，JSON-bigint，bignumber.js，JavaScript精度问题 阅读全文
posted @ 2022-06-09 16:28 IT小猿人 阅读(2537) 评论(1) 推荐(0)
vue组件data函数
摘要：vue组件data通常定义为一个函数并return一个对象，对象中定义的就是组件数据，当然定义数据还有props、computed等方式。 data如果直接定义为对象data: {message: ''}或者data定义为函数且return同一个对象 因为对象为引用类型，如果组件被多次复用，则复用组 阅读全文
posted @ 2021-06-15 16:55 IT小猿人 阅读(2056) 评论(0) 推荐(0)
vue项目经常遇到的Error: Loading chunk * failed
摘要：vue项目随着代码量、业务组件、路由页面等的丰富，出于性能要求考虑不得不使用代码分割技术实现路由和组件的懒加载，这看似没什么问题 当每次通过npm run build构建生产包并部署到服务器后，操作页面就经常会遇到点击无反应、路由已跳转但页面没动静或页面错乱等情况，此时打开控制台会看到报错信息Err 阅读全文
posted @ 2021-05-15 18:02 IT小猿人 阅读(8374) 评论(1) 推荐(0)
element-ui table组件使用v-if时的问题
摘要：element-ui项目中经常遇到需要使用v-if指令来根据情况动态显示隐藏某些列情况，这时就会出现滚动条样式异常、列错乱、列宽错乱等问题 解决办法：在el-table上添加:key="Math.random()"但这会在某些操作下每次重新渲染table，例如获取选择行、一些操作交互等情况，因为Ma 阅读全文
posted @ 2021-05-15 17:58 IT小猿人 阅读(4057) 评论(0) 推荐(0)
@vue/cli3+配置build命令构建测试包&正式包
摘要：上一篇博客介绍了vue-cli2.x配置build命令构建测试包和正式包，但现在前端开发vue项目大多数使用新版@vue/cli脚手架搭建vue项目(vue create project-name) 通过@vue/cli构建的项目无build和config配置文件夹，采用vue.config.js替 阅读全文
posted @ 2021-05-15 17:43 IT小猿人 阅读(1898) 评论(0) 推荐(0)
vue-cli2.x配置build命令构建测试包&正式包
摘要：项目开发中常分为开发环境、测试环境、正式环境 通过vue-cli或者@vue/cli脚手架搭建的项目默认提供了开发环境和正式环境的配置。可通过js获取当前域名或其他信息来判断当前为测试环境还是正式环境来加载执行对应的东西，例如请求的服务端地址、不同的图片资源等等，但这样很不方便，可通过配置build 阅读全文
posted @ 2021-05-15 17:39 IT小猿人 阅读(1751) 评论(0) 推荐(1)
vue-property-decorator
摘要：vue-property-decorator使我们能在vue组件中写TypeScript语法，依赖于vue-class-component 装饰器：@Component、@Prop、@PropSync、@Model、@ModelSync、@Watch、@Emit、@Ref、@Provide、@Inj 阅读全文
posted @ 2021-05-15 17:35 IT小猿人 阅读(2033) 评论(0) 推荐(0)