weixin_41346436的博客

【代码】Vue css实现语文作文格子效果。

动态 ref 数据

大概的数据格式就是，数组格式的数据，但代码 val.data.forEach((element) => { if (element.detailName == '版本名称') { console.log('数据1', element.detailValue) console.log('数据1格式', typeof element.detailValue) ar

el-select 多选，清空，选择“全部”其余清空，取消全部，其余还原记录一下 <el-form-item v-show="formData.pushScope == '个人'" label="选择学生:"> <el-select id="newStyle" v-model="formData.studentIdList" multiple pla

循环中的 el-button loading 改变当前点击的状态方案：利用this.$set 给当前点击的对象插入一个布尔值变量点击事件中操作

问题描述子组件的值是通过父组件通过循环赋值的，且为数组，父组件打印该循环的值是可以得到的，但是在自组卷中就获取不到了子组件位置子组件接收的值需要通过watch监听处理才可以原因：父组件中定义的这个数组默认为空，值是在created钩子函数中axios获取到的，所以传入子组件的是data里定义的空数组。解决：子组件用watch监听里一下，输出的当前的值是数组，之前的值是空，但是组件中用到的该变量依然打印为空。此时可将把要执行的方法也放入watch 中。...

Echarts 自定义提示框，Echarts 悬浮窗数值加 %效果图代码，只需要在tooltip中加入formatter函数即可tooltip: { trigger: "axis", formatter(params) { var relVal = params[0].name for (var i = 0, l = params.length; i < l; i++) { if

v-for 循环对象键值，判断键值以后控制元素的显示和隐藏效果图代码//在DOM中处理<div v-for="(val, keys, index) in remarkDetail01new" v-show="loadingButtoner01" :key="index.toString() + 'index'" class="lister04"> <div cl

Echarts添加全选图例一般Echarts的引入渲染，有两种方式，一种是组件的方式引入，添加:options对象给渲染，另一种是获取元素节点，利用echarts.init初始化，使用setOption插入值渲染组件引入获取元素节点渲染效果图此处案例是第一种方式引入并渲染的，直接上代码在页面的组建中引入<div> <vabChart id="main" style="width: 100%; height: 600px"

vue element-ui v-infinite-scroll懒加载，向上下滑动加载更多其实这种滑动加载更多数据就是另外一种的常见分页功能，常见于v-for循环渲染出来的列表内容首先先看下后端返回内容结构，和前端传的所需参数第一次触发下拉事件，pageIndex = 2是没毛病的第一次下拉后端接口返回参数，每次新增10条，第一次下拉，pageNum = 2<template> //容器盒子 <div v-infinite-scroll="lo

Vue实现pdf文件禁止预览，直接下载此功能很常见，但是网上其他案例教程太过繁琐，在此用最快简单的方式实现一般情况下，后端返回的pdf文件是以文件流的形式返回，直接打开的话任何浏览器会解析PDF文件，直接显示的预览效果，而我们需要的是禁止预览直接下载后端返回的文件流，一般是乱码的实现方式：1：安装downloadjs 下载插件依赖npm install downloadjs 2：引入所需要的页面，如果想全局使用，可以再main.js中引入import download from 'dow

这可能是一个比较常见到的问题，做个小笔记图例这是我案例中的数据结构以及字段，根据自己实际情况确定绑定的值代码部分<template> <span class="ml32">班级</span> <el-select v-model="classNames" placeholder="请选择班级" style="width: 150px;" id="classnames" @change="changes01">