vue.js-功能
文章平均质量分 54
侧耳倾听...
这个作者很懒,什么都没留下…
展开
-
vue3在浏览器段展示海康监控视频
vue3在浏览器段展示海康监控视频原创 2023-07-04 14:16:32 · 1731 阅读 · 0 评论 -
滚动的公告
遍历数组运用 setInterval 来对数组循环。原创 2023-02-20 17:15:57 · 143 阅读 · 1 评论 -
vue elementui el-table 在v-if切换时内容对不上
<el-table :data="tilesetListData" height="100%" style=" padding: 0px 11px 0px 11px; border-radius: 15px;" v-if="theid=='1'" ref="theid1...原创 2020-02-25 16:29:52 · 1114 阅读 · 0 评论 -
在Vuex使用 以及 dispatch和commit来调用mutations的区别
dispatch:含有异步操作,例如向后台提交数据,写法: this.$store.dispatch('mutations方法名',值)commit:同步操作,写法:this.$store.commit('mutations方法名',值)原创 2019-01-16 09:48:27 · 515 阅读 · 0 评论 -
Vue.js vuex理解(零基础)
一、安装和使用,做一个如图所示的点击加减来显示奇数偶数 npm install vuex --save 安装之后就会发现我们的pakage.json中就有了然后在main.js中引入进来我的vuex的结构是这样的首先我的index.js是这样的,这么写可以引入多个,利于管理模块import Vue from "vue"import V...原创 2018-09-21 16:51:32 · 316 阅读 · 0 评论 -
Vue.js引入echarts、elementUI、museUI、mintUI
不知道怎么建立项目的可以看上一篇下载elementUInpm install element-ui -s下载echarts组件npm install echarts --save首先在我们的项目下cmd下载elementUI,下载完成后我们在这个文件下可以查看我们在main.js下引用我们下载的import elementui from 'e...原创 2018-08-23 16:25:28 · 7272 阅读 · 1 评论 -
vue 文件的下载
我需要下载的东西在浏览器的下方展示出来download(val) { this.furl = null; let param = { userId: this.$store.state.Login.userInfo.ID, deptId: this.$store.state.Login.userInfo.DEPARTMENTID, ...原创 2019-06-14 17:49:51 · 478 阅读 · 0 评论 -
iframe 子父传值,不跨域方法
发送方 window.parent.postMessage( { data: { code: "success", iframeHeight: height, }, }, .原创 2021-12-13 11:02:23 · 746 阅读 · 0 评论 -
vue-cli3搭建(新手小白)
一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件:CLI:@vue/cli全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令)CLI 服务:@vue/cli-service是一个开发环境依赖。构建于webpack和webpack-dev-server之上(提供 如:serve、build和inspect命令)CLI 插件:给Vue 项目提供可选功能的 npm 包 (如: ...原创 2020-10-27 15:04:42 · 185 阅读 · 0 评论 -
Vue脚手架建立项目(零基础)
一、首选确定一下电脑上是否安装了node,打开cmd输入node -v就会像这样显示出node环境的版本如果没有node环境,到https://nodejs.org/en/中,下载node 一直点击next就安装完成了,二、淘宝镜像的安装$ npm install -g cnpm --registry=https://registry.npm.taobao.or...原创 2018-08-23 16:06:37 · 419 阅读 · 0 评论 -
Vue.js router配置
首先我们的结构是这样的main.js 中 主要加入这句话import router from './router/router.js'// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf...原创 2019-01-16 09:34:29 · 2185 阅读 · 0 评论 -
Vue.js-vue-router
一、vue-router是什么怎么用vue-router允许我们通过不同的 URL 访问不同的内容。指导一个网页层级,以及定位资源用的,这个库可以帮助我们快速的开发一个单页应用,每一页的状态和页面的数据都是可以保留的,而这种用后台的方式用的是整页的刷新,用cookie的方式传,可以节省资源。...原创 2018-06-01 14:35:50 · 268 阅读 · 0 评论 -
Vue.js html2canvas截取图片并下载
首先官网的链接地址 http://html2canvas.hertzen.com/一、在工程下引入 npm install --save html2canvas import html2canvas from 'html2canvas'; <div id="mymap" style="...原创 2018-11-14 09:04:31 · 2765 阅读 · 0 评论 -
element上传附件
<el-form-item label="上传附件:"> <el-upload class="upload-demo" :action="ZPurl+'/uploadFiles?folderName='+'WTGL'" :on-success="handlesuccess...原创 2019-07-11 16:26:14 · 1626 阅读 · 0 评论 -
Vue.js基本的语法二
一,控制流属性<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/vue.js" type="text/javascript" chars原创 2018-05-10 16:31:51 · 164 阅读 · 0 评论 -
Vue.js基本的语法一
一、vue.js基本的语法1.1vue.js是什么?Vue.js(读音 /vjuː/,类似于 view 的读音)是一套构建用户界面(user interface)的渐进式框架。与其他重量级框架不同的是,Vue 从根本上采用最小成本、渐进增量(incrementally adoptable)的设计。Vue 的核心库只专注于视图层,并且很容易与其他第三方库或现有项目集成。另一方面,当与单文件组件和 V...原创 2018-05-10 10:06:33 · 3937 阅读 · 1 评论 -
vue 填写选择的日期
vue 填写带旬的日期原创 2022-07-08 16:38:32 · 478 阅读 · 0 评论 -
Vue.js-组件
一、组件组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:详细的可以看菜鸟教程...原创 2018-05-10 19:13:13 · 251 阅读 · 0 评论 -
vue3 + view-ui-plus + js 项目 升级
vue3 + view-ui-plus + js 项目 升级原创 2022-07-27 15:15:14 · 3589 阅读 · 0 评论 -
vue3和vue2的区别并且如何升级 (对于vue2有基础的)
vue3 学习原创 2022-07-22 15:22:06 · 1857 阅读 · 0 评论 -
cnpm i 无法下载依赖
输入这个set-ExecutionPolicy RemoteSigned然后再cnpm i 就可以了原创 2020-09-18 12:20:37 · 965 阅读 · 0 评论 -
Navigating to current location (“路由名t“) is not allowed
原因:因为点击事件的时候调用了两次解决办法:只要一次就不会报错changer(val) { console.log(val, this.$route, "changer"); if (this.$route.name != val) { this.$router.push({ name: val }); } }...原创 2020-07-07 16:21:43 · 346 阅读 · 0 评论 -
elementUI输入框不能输入
<el-input v-model="scopes.row.checkListString" @input="change($event)" v-show="scopes.row.isShowInput" ></el-input>change() { th...原创 2020-06-23 10:01:44 · 836 阅读 · 0 评论 -
Vue.js sessionstorage 使用
sessionstorage 当用户关闭浏览器窗口后,数据会被删除。当我点击登录的时候输入用户名和密码,这里我只简单的将输入的值存入session中首先我先将登录和登出样式写好 <div class="user"> <img src="../../../static/image/mymap/login.png" width="30"...原创 2018-09-12 15:55:01 · 8095 阅读 · 0 评论 -
Vue.js+axios-npm 获取服务
首先看下官网上说的执行GET请求// Make a request for a user with a given IDaxios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(...原创 2018-09-11 16:16:51 · 692 阅读 · 0 评论 -
Vue.js实现点击多选和单选
checked(item) { if (this.checkList.indexOf(item) > -1) { let index = this.checkList.indexOf(item) this.checkList.splice(index, 1) ...原创 2018-09-04 09:51:46 · 3114 阅读 · 0 评论 -
Vue.js 数据展示全部和收起
如图所示,当我们获取到数据后每个栏都只显示5条,多出的部分隐藏,点击显示全部将数据都展现出来,如图所示 首先我们的数据类型是这样的, tableData: [ { "comment": "", "lscm": [ ...原创 2018-09-04 09:41:13 · 3143 阅读 · 1 评论 -
Vue.js 组件之间传值
总结:父传子:父: 引入子组件 <child :方法名="传入的值"></child> 子: 在props中接收["方法名"] 子传父:子: this.$emit('子方法名',传的值); 父 在html中 <child @子...原创 2018-08-14 16:09:56 · 3683 阅读 · 0 评论 -
Vue.js+element+es6(递归级联选择器)
我们已经回使用到级联选择器一、首先我们在HTML中加入我们级联选择器的样式,例如图片上的样式 <el-form-item label="父级选择" class="form_item"> <el-cascader placeholder="请选择父级" ...原创 2018-08-04 19:00:04 · 5884 阅读 · 0 评论 -
Vue.js+find方法根据数据的一个值来查找到这个数据的全部值
js中的find()方法 IE 11 及更早版本不支持find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。find() 方法为数组中的每个元素都调用一次函数执行:当数组中的元素在测试条件时返回true时, find() 返回符合条件的元素,之后的值不会再调用执行函数。 如果没有符合条件的元素返回 undefined注意:find() 对于空数组,函数是不会...原创 2018-07-24 09:01:17 · 23086 阅读 · 5 评论 -
Vue.js + axios发post请求时后端接收不到参数解决办法
前天,我用axios发送post请求的时候,后台一直接收不到我的值,于是我上网找了几种解决方法,在这里记录一下,当我们进行post 请求的时候,axios会帮我们 转换请求数据和响应数据 以及 自动转换 JSON 数据 一、URLSearchParams构造方法(推荐)register() { if (!this.form.peopleName) { th...原创 2018-09-17 13:09:38 · 6835 阅读 · 0 评论 -
Vue.js轮播图走马灯(全)
话不多说先上效果图,本文引荐原博主链接https://blog.csdn.net/qwezxc24680/article/details/77194341这个是html,<template> <div> <div class="back_add"> <div class="threeImg"&...原创 2018-10-10 09:10:27 · 39680 阅读 · 8 评论 -
Vue.js获取导出服务
在data中定义变量 furl: "", dialogdc:false, value1:"", value2:"", 在methods中调取导出的方法exportByCond1(){ let param={ keyword:"", ...原创 2018-11-14 09:25:29 · 279 阅读 · 0 评论 -
Vue.js实现checkbox多选
我要做一个当对选的时候数据放入到一个数组中,或者将对象放到数组中,在vue的时候实现CheckBox的多选,value中的值就是要push到数组中的值,而v-model中的就是数组 <input type="checkbox" id="111" value="111" v-model="checkedNames"> <input type="checkbox" id...原创 2019-01-14 09:26:55 · 3697 阅读 · 0 评论 -
Vue.js实现联动
话不多说先上效果图,实现的功能就是想京东的添加地址一样的联动首页页面的效果,我用作的是element.ui 实现头部tab数据结构是这样的 <mt-popup v-model="opentc" position="bottom" style="height:300px;"> <el-tabs v-model="editabl...原创 2019-01-28 10:38:48 · 757 阅读 · 0 评论 -
Vue.js大文件上传
很多时候我们都会用到大文件的上传,但是如果单一的上传会很慢,前端将2M发送一个请求,然后传给后台,后台将其拼接起来,当最后一个都传完,后台拼接存起来,返回我们所需要的路径首先创建一个js文件class fileUpload { constructor(serviceUrl) { this._serviceUrl = serviceUrl; // this._bid =...原创 2019-02-26 08:57:57 · 3807 阅读 · 2 评论 -
Vue.js+elementui实现单选
<el-tabs v-model="activeName"> <el-tab-pane label="未审核" name="1"> <el-table border style="width: 100%" :data="tableData&q原创 2019-02-26 11:31:12 · 619 阅读 · 0 评论 -
Vue.js + beforeRouteUpdate实现登录校验的跳转
首先我们需要调用一个后台的登录服务,但是每次刷新的时候,都会离线,所以有调用一个可以校验是否在线的服务这个,通过校验是否登录我们进行跳转登录页面还是,登录成功之后进入系统主页面,然后将用户的信息存入到vuex中,供其他的模块调用首先看我的vuex配置模块的结构是这样的在vuex / index.js中这样配置import Vue from "vue"import Vuex fr...原创 2019-03-25 09:09:12 · 1291 阅读 · 0 评论 -
element table实现单选
//选择表格中的某一项进行提交或退回 handleSelectionChange(val) { this.furl = null; this.enclick = false; let info = {}; if (val.length > 1) { // this.$refs.multipleTable.clearSe...原创 2019-05-24 11:02:09 · 1328 阅读 · 0 评论 -
vue+element 实现树结构
话不多说直接先上图 <el-tree style="overflow:auto;text-align: left;" :data="Allxzlist" :props="props1" :show-checkbox="true" @check-...原创 2019-06-14 17:54:21 · 1553 阅读 · 0 评论