Vue2
vue2相关
夏日米米茶
这个作者很懒,什么都没留下…
展开
-
files文件分片上传+计算MD5值(sparkMD5),使用file.slice(start, end)方法
因为要跟后端交互,上传前要拿到文件的已上传信息,所以要给后端传MD5码,这个需要先计算出文件的MD5码,用 spark-md5 插件来计算一、计算出文件的MD5值要配合js的 FileReader 函数来使用 SparkMD5import SparkMD5 from 'spark-md5'// 计算MD5getMD5(file, fileListID) { // 使用sparkMD5的ArrayBuffer类,读取二进制文件 const spark = new SparkMD5.Arr原创 2021-12-21 12:23:08 · 7130 阅读 · 7 评论 -
解决iview UI的Table组件数据刷新但是页面不刷新的问题
在改变了 Table 绑定的 data 变量的数值后,表格的数据刷新了,但是页面不刷新,之前滚动到的位置仍然在那里,而且如果左右两侧有固定列的时候,会错位,解决方法是给 Table 组件绑定一个 Key 属性:<Table :columns="columns1" :data="data1" :key="Math.random()"></Table>...原创 2021-12-14 15:08:15 · 3708 阅读 · 0 评论 -
转发:发送post请求下载文件
原文地址:https://blog.csdn.net/yunlala_/article/details/78385962处理文件流方案一以下是我亲试可以实现的一种方案:exportData () { const form = this.getSearchForm() // 要发送到后台的数据 axios({ // 用axios发送post请求 ...转载 2018-09-17 14:42:51 · 1862 阅读 · 0 评论 -
Render函数的参数
使用vue的Render函数时,可以传以下参数:{ // 和`v-bind:class`一样的 API // 接收一个字符串、对象或字符串和对象组成的数组 'class': { foo: true, bar: false }, // 和`v-bind:style`一样的 API // 接收一个字符串、对象或对象组成的数组 style: { color: 'red', fontSize: '14px' }, // 正常的 HTML 特性原创 2020-08-20 12:29:51 · 2789 阅读 · 0 评论 -
使用vue-router设置每个页面的title
const router = new Router({ routes: [ { path: '/', name: 'EntryConfirmation', meta: { title: "到岗候选人名单确认" }, component: EntryConfirmation } ]})router.beforeEach((...转载 2018-08-15 18:26:31 · 6762 阅读 · 0 评论 -
用递归方法寻找树的某个子元素,并修改其name的值
updateNode (data) { const fn = function (_treeData) { if (_treeData.id === data.id) { _treeData.title = data.name } else { if (_treeData.children.length &gt; 0) { for (let j = 0; j &l...原创 2019-03-18 16:41:18 · 951 阅读 · 0 评论 -
用VUE制作滑动tab选项卡
第一步:写出HTML结构先写一个你需要展示的静态效果,写好后再改为VUE动态生成,代码如下:<div id="app1" class="wrap"> <ul class="tabs"> <li class="active"><a href="javascript:">原创 2018-03-07 17:46:44 · 2440 阅读 · 2 评论 -
input type=file 用axios发送请求给后端,使用FormData格式发送请求
今天在做一个文件上传功能时,遇到一个问题,把前端用input上传的file发送给后端,像往常一样用axios传data,用QS stringify 序列化数据发送给后端,并不接受,查了好多资料,才解决,原来我们的后端不接受 payload 方式上传,只能用 FormData 格式,把所有参数都放在 FormData 内发送过去即可。html 部分代码,使用了iview框架:<Form r......原创 2020-03-11 10:44:28 · 4635 阅读 · 0 评论 -
VUE中(img)图片加载失败时(onerror)显示替换的图片
需要使用img标签上的一个属性 onerror ,绑定一个本地图片地址,以下是VUE里的写法:HTML代码:<img alt="" :src="item.iconPath" :onerror="defaultImg" />JS代码export default { data () { return { defaultImg: 'this.src="' + require('@/assets/images/app_icon.png') + '"', } }}...原创 2021-07-01 11:17:53 · 2521 阅读 · 0 评论 -
vue项目中报错“Invalid Host header”
转自:https://www.xuanmo.xin/details/2869更改本机的HOST文件后,访问解析后的本地域名时报错 “Invalid Host header”,解决方法:在vue-cli版本为2.x的情况下修改 webpack.dev.conf.js 中的 devServer 对象加入 disableHostCheck: true 即可转发成功devServer: { disableHostCheck: true,}...转载 2021-03-31 14:13:54 · 660 阅读 · 0 评论 -
vue 重置组件的data初始值 $options 正确的取值方法
想要获取初始值,如果直接用 this.$options.data() 会报错,需要修改成下面这样:// 组件的data初始值,这个对象里面就是组件data里的所有对象了this.$options.data.call(this)当前的data里的值这样写this.$data...原创 2021-01-22 18:50:16 · 1015 阅读 · 0 评论 -
vue页面渲染完成,但console报错
使用 v-for 循环显示一个数组对象的属性值,但无法获取1级对象嵌套下的2级对象属性值, 比如:{{ itemData.State.Name }}这是因为页面渲染的时候,VUE里return出来的data数据里还只有1级对象,还没有2级对象的值。解决的方法是给页面的最外层div加上一个 v-if=”!isLoad” ,然后在data属性里设置初始值 return isLoad: tru...原创 2018-09-14 15:45:14 · 1842 阅读 · 0 评论 -
在Angular中设置iframe src时报错unsafe value used in a resource URL context解决方法
转载自:https://blog.csdn.net/Neokekeke/article/details/78738906网上找了很多资料:才发现是Ionic2和TypeScript中对外部url资源链接做了安全限制1.在需要使用外部url链接的ts文件中,引入DomSanitizer类import { DomSanitizer } from '@angular/platform-browse...转载 2019-12-20 16:56:40 · 2820 阅读 · 0 评论 -
转:VUE-CLI报错 Unexpected console statement (no-console)
版权声明:本文为CSDN博主「crazy_zhangcong」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/crazy_zhangcong/article/details/88710470使用iview-admin 执行npm run build 指令时报错entrypoint size limit: The following entrypoint(s) combined asset size excee.转载 2021-05-19 15:45:48 · 237 阅读 · 0 评论 -
View UI(iview) 的组件内置方法增加额外参数
今天用iview的上传组件 Upload 的时候,需要在点击上传按钮时多接收几个参数,发现内置的方法:before-upload=“handleBeforeUpload”handleBeforeUpload (file) { console.log(file)}这个内置方法不能自定义传参,需要进行特殊的写法,使用箭头函数,改成这样::before-upload="(file) ...原创 2020-04-02 14:40:37 · 1392 阅读 · 0 评论 -
VUE中的过滤器filters用法
如果自己定义了一个全局的过滤器,想要在某个组件内的methods中使用这个过滤器,那么就只能用this.$options.filters['your filter name']此行代码执行后返回的是你的自定义过滤器函数,可以使用一个变量接收它,然后再传参。 $options VUE实例提供的一个方法,用来调用一个自定义属性 ...原创 2018-05-10 11:38:19 · 5581 阅读 · 2 评论 -
VUE路由报错NavigationDuplicated: Avoided redundant navigation to current location
是指路由重复。虽然对项目无影响,但是看到有红的不舒服!解决方法:打开router文件夹下的index.js文件,在以下代码中添加如下代码:// 原有的代码不必修改import VueRouter from 'vue-router';Vue.use(VueRouter);// 新增修改方法:获取原型对象上的push函数const originalPush = VueRouter.prototype.push// 新增修改方法:修改原型对象中的push方法VueRouter.prototyp转载 2021-04-19 10:34:28 · 788 阅读 · 2 评论 -
VUE 实现checkbox的全选/反选
1、页面结构部分<template> <div> <!--给全选按钮绑定v-mode变量,值为true时就是选中状态,绑定点击事件,执行全选和反选操作--> <input type='checkbox' class='input-checkbox' v-model='checked' v-on:click='...原创 2018-07-20 16:28:50 · 10656 阅读 · 0 评论 -
VUE中使用axios获取http请求数据
首先使用 npm install axios 然后在 main.js 中注册全局环境使用的方法,比如:import axios from 'axios'//这时候如果在其它的组件中,是无法使用 axios 命令的。但如果将 axios 改写为 Vue 的原型属性,就能解决这个问题Vue.prototype.$ajax = axios在 main.js 中添加了这两行代码之后,就能...原创 2018-04-22 17:15:18 · 5155 阅读 · 0 评论