Vue
布偶123.
这个作者很懒,什么都没留下…
展开
-
vue2和vue3的区别
proxy的优势:不需要像Object.definedProperty()的那样遍历每一个属性,有一定的性能提升proxy可以理解为在目标对象之前架设一层“拦截”,外界对该对象的访问都必须通过这一层拦截。遍历每一个虚拟节点,进行虚拟节点对比,并返回一个patch对象,用来存储两个节点不同的地方。在vue3中采用组合式API,将同一个功能的代码集中起来处理,使得代码更加有序,有利于代码的书写和维护。在vue2中v-for的优先级高于v-if,可以放在一起使用,但是不建议这么做,会带来性能上的浪费。原创 2024-09-03 15:31:23 · 566 阅读 · 0 评论 -
Vue中如何在有传参的情况下传入默认参数event
想要在传递参数的基础上添加默认参数,在vue中要使用$event来代替。原创 2024-09-03 15:29:23 · 111 阅读 · 0 评论 -
前后端滑块校验
ianai-captcha 验证码整体分为 生成器(ImageCaptchaGenerator)、校验器(ImageCaptchaValidator)、资源管理器(ImageCaptchaResourceManager) 其中生成器、校验器、资源管理器等都是基于接口模式实现 可插拔的,可以替换为自定义实现,灵活度高。具体可以看该插件的作者。原创 2024-09-03 15:27:19 · 251 阅读 · 0 评论 -
webpack-obfuscator加密混淆打包代码
【代码】webpack-obfuscator加密混淆打包代码。原创 2024-09-03 15:13:23 · 351 阅读 · 0 评论 -
解决 el-table 多选框,选中后,翻页再回来选中失效问题
1. 在 el-table 中增加 row-key="id"2. 在多选框列中增加 reserve-selection。原创 2024-09-02 15:50:08 · 214 阅读 · 0 评论 -
关于element 的下拉选项框el-select提供拉到底加载下一页数据
element中下拉选项框el-select提供拉到底加载下一页数据。2、在下拉选择框新增自定义指令。1、新增一个自定义指令。原创 2024-09-02 15:49:23 · 303 阅读 · 0 评论 -
vue跳转不存在路由返回404页面方法
if(to.matched.length === 0){ //未匹配到的时候跳转到404页面。next() //匹配到的时候跳转相应的路由。vue页面跳转不存在的路由返回404页面,我这里有两种方法。通过配置路由,当匹配不到路由时,默认跳转到404页面。通过使用路由钩子函数。原创 2024-09-02 15:47:03 · 324 阅读 · 0 评论 -
vue跳转跳转相同页面传不同的参数无效的问题
vue构建的应用是存在生命周期的。因为在加载相同路由的组件时已经走过了created()和mounted()等生命周期,所以再次跳转相同页面是不会再触发生命周期的路由钩子函数,传递的参数也就没有用了。所以为了解决这个问题。我们可以创建一个用于路由跳转的中间页。再经过中间页跳转到我们最终想要跳转的页面。这样就不会出现上述我们谈论的问题了。原创 2024-09-02 15:45:53 · 415 阅读 · 0 评论 -
Vue简单归纳
将data中的message翻转。对象语法和数组语法混合使用。对象语法切换class。原创 2024-08-28 16:43:16 · 152 阅读 · 0 评论 -
uniapp返回上一页并刷新数据方法
3.let beforePage=pages[pages.length-2],将上一页赋值给beforePage。2.pages[pages.length-1],为当前页。pages[pages.length-2]为上一页。调用上一页中的onload()方法。1.getCurrentPages()获取当前页面的页面栈,是个数组。原创 2024-08-28 16:36:00 · 363 阅读 · 0 评论 -
关于vue单页面返回上一路由时在ios上mounted不执行的问题
keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。这个时候可以把mounted中的函数放在deactivated中,就可以实现返回页面的时候ios上的数据也刷新了。本人在做一个单页面的移动端网页时遇到的这个问题。在详情页填入数据提交后,返回上一页安卓端的mounted钩子函数执行了,但是在ios上并没有执行,查阅了部分资料,一下是解决方法。利用的是keep-alive这个vue的内置标签。原创 2024-08-28 10:30:53 · 143 阅读 · 0 评论 -
关于移动端vue项目的rem适配
关于vue移动端的适配们需要用到这个插件 postcss-pxtorem:转换px为rem的插件新建 在main.js文件中引入修改 文件在plugins 添加以下配置,配后就可以在开发中直接使用 单位开发了注意在vue-cli3构建的项目中没有.postcssrc.js,所以需要自己来建立这个文件,然后写下如下代码之后就可以在项目中用px单位进行开发了原创 2024-08-28 10:16:06 · 102 阅读 · 0 评论 -
关于如何使用vuex
show(state) { //自定义改变state初始值的方法,这里面的参数除了state之外还可以再传额外的参数(变量或对象);当然如果项目再大了些,我们可以将index.js中的state,getters,mutations,actions,提取出来放在单独的文件中。众所周知Vue项目的开发就是组件化的开发,既然是组件化的开发就少不了组件间的通信。newNum(state,sum){ //同上,这里面的参数除了state之外还传了需要增加的值sum。大的项目来说组件间的通信就会显得十分的麻烦。原创 2024-07-04 16:46:03 · 787 阅读 · 0 评论 -
如何创建Vue项目
创建Vue项目必须确保你已经安装好了node和npm,如果没有,进行如下这几步。原创 2024-07-04 16:45:09 · 273 阅读 · 0 评论 -
Vue组件间的通信
我们知道Vue开发是组件化的开发,那么组件化开发就绕不过组件间的通信这一点,以往在vue项目的开发之中用vuex进行数据的集中处理,但这是对于大的项目来说,如果只是一个小的项目使用vuex就划不来了。所以这个时候就需要组件间的通信了。原创 2024-07-04 16:42:02 · 730 阅读 · 0 评论