
vue前端
喂,小猴子
这个作者很懒,什么都没留下…
展开
-
解决Vue数组更新不渲染的问题
当使用索引直接赋值和直接修改数组长度时,Vue不能检测出变动的数组。这样写页面显示的是共0个<span class="pull-right">已全部加载,共{{fileDatas.length}} 个</span>js:export default { data() { return { fileDatas: [] ...原创 2019-01-06 17:39:41 · 12028 阅读 · 1 评论 -
vue页面的定时刷新
setIntervalsetInterval以指定时间为周期循环执行,一般用于刷新表单,对于一些表单的假实时指定时间刷新同步在做一个项目的时候,会遇到要求一个页面几分钟去定时刷新一下获取最新数据的情况,需要用到 setInterval() 了,下面是自己使用的vue中查询是否有未读消息的通知的定时器。template标签中消息通知的内容:<div class="btn-bell"&...原创 2019-01-17 15:00:01 · 3643 阅读 · 0 评论 -
Vue中 axios delete请求参数
vue中axios 的delete和post,put在传值上有点区别;post和put有三个参数,url,data和config,所以在使用这两个时,可以写成axios.post(api,{id:1}),axios.put(api,{id:1}),但是delete只有两个参数:url和config,data在config中,所以需要写成 axios.delete(api,{data:{id:1}...原创 2019-01-07 15:38:29 · 38018 阅读 · 1 评论 -
Vue-elementUI el-dropdown 下拉框绑定点击事件
下拉框使用@click没有作用,要使用@click.native<input ref="upload-input" accept="*/*" type="file" style="display:none" @change="handleClick"><input id="uploadFolder" multiple=""原创 2019-01-03 09:42:56 · 4708 阅读 · 0 评论 -
新手:Vue 刷新当前页面
采用window.reload(),或者router.go(0)刷新时,整个浏览器进行了重新加载,闪烁,体验不好,在vue中可以使用provide/inject组合,允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。在App.vue组件中的代码:<template> <div id="app"> ...原创 2019-01-08 21:25:04 · 987 阅读 · 0 评论 -
Vue 新手:在vue中引入外部的js文件
在vue中如果把所有的代码都写到一个页面中,有时比较难找,显得比较复杂,所以一些js代码会写在外面的js文件中,然后引入到使用的页面中。可以在src下新建一个文件夹去存这个js文件,例如:DateToString.js,一定要写export ,需要把模块抛出,让其他组件可以获取到。export let DateToString = function (time) { var year = ...原创 2019-01-09 20:52:43 · 18506 阅读 · 6 评论 -
vue新手:导航栏中的两个链接对应一个页面,不同链接显示的内容不同
导航栏sidebar页面:想要放两个链接,点击任何一个都跳转到create页面,但是create页面显示的内容不同。<template> <div class="sidebar"> <el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="collapse&q原创 2019-03-23 16:31:39 · 4364 阅读 · 1 评论 -
Vue新手:在vue的data中加一个二维数组,接收预览文件时的每一个数据
如果想在vue中创建一个二维数组,需要写成 arrayDataFile:[[]] 这种中括号的写法。this.arrayDataFile[x] = new Array(); 每一行都要新建一个一维数组,不然会报错。<script> import api from '../../api/api' import $ from 'jquery'; export defa...原创 2019-03-26 11:09:22 · 10102 阅读 · 0 评论 -
Vue新手:实现文件预览功能的前端
预览文件的前端省略点击按钮点击触发showdialogview()方法的代码第一种方法先在template中加入一个input框,绑定一个字符串类型的变量写showdialogview()方法调用后台的方法,如果返回的不是null(后台返回的数据是一行一行返回的),就使用for循环,添加到变量中去。<template> <div class="conte...原创 2019-03-27 14:51:49 · 31021 阅读 · 5 评论