Web 技术 vue

vue 使用全屏插件screenfull.js的用法(解决全屏状态不能监听Esc按键)

开始使用screenfull.jsnpm install --save screenfull //下载import screenfull from 'screenfull' //导入先来看看如果不使用screenfull.js,要让画面全屏幕的话,程序大概会像这样子doc...
Web 技术 vue

vue中axios接受图片二进制流数据的处理方法

需要将其二进制流交由 blob 对象处理,然后通过 blob 的 API 生成临时 URL 赋值给 src 属性来显示。html: <div id='WebGL-output'> <img :src="imgCodeUrl" ...
Web 技术 vue

el-table里:data的数据格式

<el-table :data="jbJh" stripe border width='100%'> </el-table >这里的data格式必须为数组类型(array)。不能为对象(object)
Web 技术 vue

使用element-ui 的table 组件 表格线条不对齐

用一行css解决(vue)body ::v-deep.el-table th.gutter { display: table-cell !important }
Web 技术 vue

vue深度选择器/deep/报错

当在scope样式中使用/deep/飘红报错时,可以使用::v-deep代替。<style lang="less" scoped> ::v-deep { .overlay { position: absolute; } } &...
Web 技术 vue

vue中父组件调用子组件里的函数并传值

<template> <div> <button @click='activeChild'>点击触发子组件事件</button> <child ref="child&...
Web 技术 vue

vfor中去掉数组数数据中empty。使用vif

为什么vue里数组会产生empty这个元素。这是因为使用了$set这个方法:这个方法可以给数组里指定位置添加,修改元素。假如一个数组没有初始化为空。然后给数组第四个元素添加值,这就会导致前面的元素为empty。eg: this.$set(this.xzjq, 3, na...
Web 技术 vue

vue axios渲染不出页面------数组更新检测

有时候在vue里使用axios,然后使用数据变量来存放获取的数据,但明明函数是放在mounted里,但是在页面还是渲染不出来。这里看一个例子。 <li v-for="(item, index) in re" :key="index&q...
Web 技术 vue

vue里使用v-for是创建一个唯一的key

1.使用index来作为唯一key当数组如果插入数据,就会改变index使index和key不是一一对应。2.使用item来作为唯一key当数组里有重复的数据时,就会使key的值重复,不是唯一3.可以使用 index+item来作为唯一keyeg:<li v-for=...