vue
vue3 使用v-model父传子并修改传值
vue3使用v-model替代vue2的v-bind.sync父使用v-model传值给子，这里的v-model本质上是:modelValue=“值”，@update:modelValue="值=$event"这二者的缩写<template><div>...
vue怎么导入excel文件和多个sheets
这篇文章主要介绍了vue怎么导入excel文件和多个sheets的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vue怎么导入excel文件和多个sheets文章都会有所收获，下面我们一起来看看吧。html导入按钮和选择文件的弹框 <el-button v-waves :lo...
Vue 首屏优化
步骤1：查 npmrunbuild--report analyzer工具步骤2：减1.固定模板，index引入cdn：vue.js、router.js、mintUI等第三放工具；其次，在webpack中配置externals externals:{ 'vue':'Vue', 'mint-ui':'MINT'...
vue组件传递和vuex状态管理
状态管理：Conststore=Newvuex.store({State:{mssAlert:{Show:false,Msg:'xxx'},ErrorBox:{Show:false,Msg:'sssss'},showMenu:false,Count:1….},Getters:{//类似 vue的compute,监听st...
Vue 动态添加路由及生成菜单
不同角色有不同的权限，这时如果管理平台的菜单定义在代码里，显然是不能满足上面的需求，我们就需要后台提供用户菜单，然后前台动态生成路由。1动态添加路由利用vue-router的addRoutes方法可以动态添加路由。请求接口返回菜单格式如下[{"id":"1332194352530083842","pid":"13318...
Vue中watch的详细用法
vue是数据双向绑定，当页面数据发生变化时，我们通过watch可以拿到变化前和变化后的值，之后做一系列操作，下面我们通过例子来解释。1.监听单个值变化<template><div><el-inputv-model="demo"></el-input><div>...
vue的hover事件
使用Vue来实现鼠标悬停效果。可以使用事件处理器v-on指令（简写为：@）来完成。为标签绑定mouseenter以及mouseleave事件即可。<template><div><ul><templatev-for="(item)initems"><li@mouseo...
vue项目中使用v-if判断数组长度length报错
Error in render: "TypeError:Cannotreadproperty'length'ofundefined"解决方法：shopListData.attrs!==undefined&&shopListData.att...
vue深度监听对象
watch:{picker:{//为对象名handler(){//对象内数据变化会执行此方法document.getElementById('nowColor').style.color=this.picker.color},deep:true//深度监听申明字段}} ...
Vue过滤器的使用
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>vue过滤器</title></head><body><divid='app'><h1>{{...
vue导航条怎样去掉#
VUE默认是hash浏览模式，换成history可以去掉#exportdefaultnewRouter({mode:'history',routes:[]}） ...
Vue（4）- 获取原生的DOM的方式、DIY脚手架、vue-cli的使用
一、获取原生的DOM的方式 在js中，我们可以通过id、class或者标签获取DOM元素，vue中也为我们提供了获取原生DOM的方法，就是给标签或者组件添加ref属性，通过this.$refs获取，如下：<divid="app"></div><scriptsrc="https://cdn...
Vue（3）- 安装脚手架、过滤器、生命周期的钩子函数、vue-router基本使用
一、安装脚手架1、下载node.js，本文下载版本为node-v8.12.0-x64.msi，一键式安装。2、安装完成后，打开终端，输入node，可进入node环境（两次ctrl+c退出），如下图：3、查看版本，如下图：4、在成功安装node.js（即能够成功查看版本如上图）的前提下，再安装淘宝npm（http://n...
Vue（2）- v-model、局部组件和全局组件、父子组件传值、平行组件传值
一、表单输入绑定（v-model指令） 可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。 详细用法参见官方文档：https://cn.vuejs.org/v2/guide/forms.html二、局部组件和全局组件1、了...
Vue（1）- es6的语法、vue的基本语法、vue应用示例，vue基础语法
一、es6的语法1、let与var的区别 ES6新增了let命令，用来声明变量。它的用法类似于var（ES5），但是所声明的变量，只在let命令所在的代码块内有效。如下代码：{ leta=10; varb=1;}a//ReferenceError:aisnotdefined.b//1 上面代码在代码块之中，分别...
