vue

深究为啥Vue管理的函数不能是箭头函数

  • Post author:
  • Post category:vue

首先明确一点，箭头函数的this指向是根据上下文作用域确定的 Vue框架中，容易搞错的一点就是认为对象也有作用域 了解作用域与作用域链这个问题就迎刃而解了 假设Vue管理的函数是箭头函数时： 此时this是windows，Vue中data与methods不同，methods是一个对象，data是一个函数，data有自己的作用域，所以当this是windows的时候访问不到data里面的属性。 但是…

继续阅读 深究为啥Vue管理的函数不能是箭头函数

vue 项目中使用websocket

  • Post author:
  • Post category:vue

1. 在utils下新建websocket.js文件 // import { showInfoMsg, showErrorMsg } from '@/utils/popInfo' import ElementUI from 'element-ui'; function initWebSocket(e) { console.log(e) const wsUri = WS_API + "/webSoc…

继续阅读 vue 项目中使用websocket

Vue指令之v-html

  • Post author:
  • Post category:vue

                           Vue指令之v-html 目录                      1.v-html该怎么使用呢？？？ 2.普通文本： 3.html结构： 4.总结： v-html指令是设置innerHTML 1.v-html该怎么使用呢？？？ 我们先在被vue实例挂载的标签div中，放入一个p标签，在p标签内部写入v-html指令，<p v-ht…

继续阅读 Vue指令之v-html

vue3 基于element plus 二次封装上传图片组件

  • Post author:
  • Post category:vue

本次封装了 图片上传，回显，以及编辑功能完善 话不多说上代码，代码里的注释仔细看哦，说明在里面 <template> <el-upload v-model:file-list="fileList" :list-type="listType" class="avatar-uploader" :action="fileUploadUrl" :on-success="handleAva…

继续阅读 vue3 基于element plus 二次封装上传图片组件

vue mint-ui 弹出框

  • Post author:
  • Post category:vue

function toast(title){ //提示 vm.$toast({ message: title, position: 'middle', duration: 3000 }); } 效果如下 function toastSuccess(title){ //成功提示 vm.$toast({ message: title, iconClass: 'icon icon-success' //…

继续阅读 vue mint-ui 弹出框

海康威视的视频web端（vue开发）的实时预览、录像回放和页面拖拽

  • Post author:
  • Post category:vue

效果图 实现步骤 1. 安装海康web插件，去海康威视官网上下载，官方不支持Mac，只支持Windows    https://open.hikvision.com/  2. 在index.html引入js文件，安装包里面有 <script src="static/jquery-1.12.4.min.js"></script> <script src="static/…

继续阅读 海康威视的视频web端（vue开发）的实时预览、录像回放和页面拖拽

vue+elementUI完成注册及登陆

  • Post author:
  • Post category:vue

1. vue怎么引入和配置使用element-ui框架 1.1 使用vue-cli脚手架工具创建一个vue项目 vue init webpack pro01 1.2 npm安装elementUI cd pro01 #进入新建项目的根目录 npm install element-ui -S #安装element-ui模块 1.3 在项目中src目录下找到main.js，并在指定位置添加三行代码（ma…

继续阅读 vue+elementUI完成注册及登陆

vue-quill-editor自定义字体大小和字体样式

  • Post author:
  • Post category:vue

  不用修改下载的源文件，直接在editorquill.vue文件中修改即可 重点部分如下 [{ size: ['10px', '12px', false, '16px', '18px', '20px', '30px', '32px'] }], // 字体大小[{ font: [false, 'SimSun', 'SimHei', 'Microsoft-YaHei', 'KaiTi', 'Fang…

继续阅读 vue-quill-editor自定义字体大小和字体样式

vue往数组中添加元素_vuejs给数组添加元素

  • Post author:
  • Post category:vue

2016-09-13 更新问题 vuejs给数组添加元素 代码是这样的： var vm = new Vue({ el: "#app", data: { items: [{ id:1, message: 'Apple', selected: false, num: 1, price: 5 }, { id:2, message: 'Peach', selected: true, num: 1, pri…

继续阅读 vue往数组中添加元素_vuejs给数组添加元素

Vue2：官方路由 Vue-Router 3.x

  • Post author:
  • Post category:vue

前端路由 前端路由：根据不同的url地址，页面上展示不同的内容（根据url地址的不同分发到不同的组件。） SPA 介绍 spa 是 single page application 简写，意思是单页面应用程序。Vue 适合开发 spa 类型的项目。 优点： 业务场景的切换，性能很好。集中维护一个网站的功能。完全的前后端分离（前后端可以并行开发，提供系统开发效率） 缺点： 所有的功能集中的一个页面，依…

继续阅读 Vue2：官方路由 Vue-Router 3.x