Vue if语句不加花括号注意事项

  • Post author:
  • Post category:vue

if(res.data.code===10000) this.dialogVisible=false;alert (222);return this.$message.success('添加成功'); return this.$message.error('添加失败') 这句代码,如果条件成立则后边 this.dialogVisible=false; alert (222); return thi…

继续阅读 Vue if语句不加花括号注意事项

Vue.js初学

  • Post author:
  • Post category:vue

Vue.js从零开始 1、简单认识Vue.js Vue (读音 /vjuː/ ,类似于 view ) 是一套用于构建用户界面的 渐进式框架 。与其它大型框架不同的是,Vue 被设计为可以 自底向上逐层 应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与 现代化的工具链 以及各种 支持类库 结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 2、V…

继续阅读 Vue.js初学

vue 跳转页面传参的时候参数值为undefined的解决方法

  • Post author:
  • Post category:vue

错误代码如下: 跳转之前的页面: clickScan(index,row) { this.$router.push({ path: '/biz/AssociationAcitvityEnroll', params: { associationId: row.associationId } }) }, 跳转之后的页面 mounted: function () { this.associationId…

继续阅读 vue 跳转页面传参的时候参数值为undefined的解决方法

如何在html里封装vue组件,Vue 封装一个自己写的组件或方法

  • Post author:
  • Post category:vue

搜索热词 1.首先写好里面的模板及传递过来的参数 2.定义一个index.js并引入刚创建的组件并export defaut(vue)=>{ vue.component(组件名,组件) } 3.在main.js里面引入 然后vue.use(引入的名称) Vue封装一个js引用 Vue封装的js里面可以是个对象 也可以是方法 export 和 export default的区别是 在一个页面中…

继续阅读 如何在html里封装vue组件,Vue 封装一个自己写的组件或方法

解决Vue.js not detected的问题

  • Post author:
  • Post category:vue

前几天遇到了一个问题,在安装完 Vue.js devtools后,打开自己写的一个vue.js网页,发现 这个图标并没有亮起来,还是灰色,点击图标显示Vue.js not detected,打开控制台也没有发现有vue的选项 网上找了很多解决方案都没有解决,大部分都是让重新安装Vue.js devtools,搞了大半天终于解决了。 我们先看看 Vue.js devtools是否生效,打开Bilib…

继续阅读 解决Vue.js not detected的问题

Vue3+Ts+Vite项目(目录篇)——如何从零到一搭建Vue3后台管理系统

  • Post author:
  • Post category:vue

概述 或者是开源项目,或者是B站项目,或者是公司项目, Vue3项目模版 大家可能都会慢慢接触。我看了公司模版和Vue-pure-admin这个开源模版之后一直都是一直半解的状态,所以痛定思痛决定自己 从零开始搭建一次 , 绝知此事要躬行!!! 本次搭建的项目中将会包含 常见的项目模版功能 ,如vue-router的使用及模块化、pinia使用及模块化、element-plus组件引入及部分组件的…

继续阅读 Vue3+Ts+Vite项目(目录篇)——如何从零到一搭建Vue3后台管理系统

全面解析Vue.nextTick实现原理

  • Post author:
  • Post category:vue

vue中有一个较为特殊的API,nextTick。根据官方文档的解释,它可以在DOM更新完毕之后执行一个回调,用法如下: // 修改数据 vm.msg = 'Hello' // DOM 还没有更新 Vue.nextTick(function () { // DOM 更新了 }) 尽管MVVM框架并不推荐访问DOM,但有时候确实会有这样的需求,尤其是和第三方插件进行配合的时候,免不了要进行DOM操作…

继续阅读 全面解析Vue.nextTick实现原理

vite(vue3+ts)配置开发、测试、生产环境

  • Post author:
  • Post category:vue

关于vite配置开发、测试、生产环境的记录。 一、创建配置文件 1、与src目录同级创建配置文件 | |—src— | |—components |—views |—.env.development |—.env.production |—.env.test 2、文件配置内容 MODE :用于区分每个环境 PROXY_PREFIX :代理 VUE_APP_API_URL :环境地址 ①.env.d…

继续阅读 vite(vue3+ts)配置开发、测试、生产环境

vue3+ts 使用qrcode(解决了找不到qrcode类型声明文件问题)

  • Post author:
  • Post category:vue

1.安装 全局安装: npm install -g qrcode 安装类型声明:npm i --save-dev @types/qrcode 2.在所需处引用 import QRcode from "qrcode"; 3.配合canvas 生成二维码 <canvas id="canvas" ></canvas> //-----------------生命周期 onMount…

继续阅读 vue3+ts 使用qrcode(解决了找不到qrcode类型声明文件问题)

vue之v-on修饰符,prevent 、stop及按键修饰符keyup、keydown详解

  • Post author:
  • Post category:vue

事件修饰符概念 1、 事件修饰符 事件修饰符: vue 提供事件修饰符,可以快速阻止默认行为或阻止冒泡 .prevent 阻止默认行为, .stop 阻止冒泡 语法: @事件名.修饰符="..." <template> <div> <!-- 语法 @事件名.修饰符="..." --> <!-- prevent修饰符阻止事件的默认行为 --> <…

继续阅读 vue之v-on修饰符,prevent 、stop及按键修饰符keyup、keydown详解