如何在vue.js渲染完界面之后再调用函数

  • Post author:
  • Post category:vue

在使用vue.js框架的时候,有时候会希望在页面渲染完成之后,再执行函数方法来处理初始化相关的操作,如果只处理页面位置、宽或者高时,必须要在页面完全渲染之后才可以,页面没有加载完成之前,获取到的宽高不准确。使用过jquery的都知道,有个ready方法可以使用,但vue.js则需要结合watch和nextTick方法来使用。 1.下面开始介绍下,在页面加载一个数据列表完成之后,页面自动滚动定位到中…

继续阅读 如何在vue.js渲染完界面之后再调用函数

vue router路由跳转带参数方法以及带参数后无法跳转的问题

  • Post author:
  • Post category:vue

在开发项目的过程中,经常会遇到某一个场景. eg:点击某个东西,会进入当前那个东西的详情页. 此时一般的处理方式就是需要获取到当前点击对象的id.跳转到新页面,根据这个id通过网络请求获取到详细的参数. 在vue中.假如我们创建了两个vue文件. 一个Aaa.vue,一个叫Bbb.vue文件. 在index.js文件中.  import Videolist from '../pages/aaa/A…

继续阅读 vue router路由跳转带参数方法以及带参数后无法跳转的问题

vue-element-admin与后端交互流程(补)(跨域)

  • Post author:
  • Post category:vue

有些朋友说,一个交互过程东一下,西一下的,不知所以然,所以在此补一下vue-element-admin的整体框架结构,并细说一下交互的过程,包括跨域问题! 一:首先是整体框架结构: ├── build // 构建相关(build.js/webpack等) ├── config // 配置相关 (代理环境配置/local端口配置等等) ├── dist //打包后的dist文件 (供发布到线上使用)…

继续阅读 vue-element-admin与后端交互流程(补)(跨域)

Vue实战快速上手-vue+ElementUI

  • Post author:
  • Post category:vue

Vue实战快速上手-vue+ElementUI 前言创建工程安装依赖使用创建组件配置路由导入路由展示运行 问题 前言 ElementUI是饿了么的官方组件库,可以将vue和ElementUI组合使用,这样可以更加快速的开发vue程序。 官方链接: https://element.eleme.cn/#/zh-CN 创建工程 我们以管理员的身份进入命令行,进入我们一开始的目录下,创建一个名为Hello…

继续阅读 Vue实战快速上手-vue+ElementUI

vue2文件流下载成功后文件格式错误、打不开、内容缺失

  • Post author:
  • Post category:vue

这里写目录标题 项目场景问题描述原因分析解决方案 项目场景 后端采用文件流的方式将文件信息发送给前端,前端需要接收相应的流信息做出对应的操作,如接收到图片、pdf将进行预览模式,将接收到压缩包形式的则进行文件下载。后端对相应的文件进行不同的传输方式进行传输,前端则需要接收相应的信息并进行操作。 问题描述 当收到图片、pdf则可以正常的进行操作,当接收到压缩包文件流时候可以正常下载,但是下载后,下载…

继续阅读 vue2文件流下载成功后文件格式错误、打不开、内容缺失

Vue+SpringBoot实现图片上传和回显

  • Post author:
  • Post category:vue

点击Vue图标,选择电脑中图片,选中后把图片替换为选中图片点击上传,通过文件流的方式把图片上传至服务器,服务器将图片保存至指定位置,并根据时间生成指定名称,上传成功,返回新生成文件名。服务器自定义接口,通过需要的文件名,返回指定文件流上传图片成功后,在旁边显示上传成功的图片 点击Vue图标,选择电脑中图片,选中后把图片替换为选中图片: <template> <div> &l…

继续阅读 Vue+SpringBoot实现图片上传和回显

vscode 快捷启动vue项目

  • Post author:
  • Post category:vue

1.选择终端 2. 选择配置任务 3. 选择启动命令 4. 会在项目根目录生成一个tasks.json文件,里面的内容就是刚选中启动命令自动生成的代码(不用去管它) 5. 现在每次就可以直接在终端选择运行任务 选择前面选择的命令点击,vscode就会自动帮你运行npm run dev 启动项目     版权声明:本文为m0_49440146原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请…

继续阅读 vscode 快捷启动vue项目

Vue-组件通信6种方式

  • Post author:
  • Post category:vue

目录 组件通信6种方式1.props2.自定义事件3.全局事件总线 $bus4.pubsub-js5.Vuex6.插槽 自定义事件深入v-model深入v-model基本使用:收集表单数据v-model实现原理::value + @input深入学习v-model,实现父子组件数据同步(父子组件通信) 属性修饰符sync\$attrs与$listeners\$children与$parentref…

继续阅读 Vue-组件通信6种方式

Vue2.路由

  • Post author:
  • Post category:vue

目录 前端路由(Hash 地址与组件之间的对应关系) 1.前端路由的工作方式 2.实现简易的前端路由 步骤1:通过 标签,结合 comName 动态渲染组件。 步骤2:在 App.vue 组件中,为 链接添加对应的 hash 值 步骤3:在 created 生命周期函数中,监听浏览器地址栏中 hash 地址的变化,动态切换要展示的组件的名称 vue-router 的基本使用 1.vue-route…

继续阅读 Vue2.路由

vue3.0 vue create项目后无法初始化问题

  • Post author:
  • Post category:vue

刚开始照着菜鸟教程里面安装npm环境,所有的流程都没问题安装完vue的时候,查看里面的命令没有版老本的init     然后最终导致我npm run dev老是出现问题,最后网上找到的具体的解决办法。     npm install -g @vue/cli vue create my-project 这是vue3.0的命令,如果想按照视频老师步骤来,可以这样安装: npm install -g @…

继续阅读 vue3.0 vue create项目后无法初始化问题