logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue实现答题功能一页一题并最后得出分数

实现效果如图每点下一题会切换题目,知道最后一题变为完成答题,然后进入答题完成页面显示分数2.template代码<template><div class="second"><div class="back" style="padding-top:10px" @click="$router.back(-1)"><i class="iconfont icon-

echars实现全流程图

流程图效果图如下可自己添加节点,更改数据流等,数据流是动画的方式进行节点间流动步骤如下:1.vue引入echars终端下载echartsnpm install echarts@4.8.0 --save2.在main.js中引入import echarts from "echarts"Vue.prototype.$echarts = echarts;3.在组件中代码如下(已标注)<templa

文章图片
#echarts#vue.js#javascript
Multipart: Boundary not found multer上传文件报错解决(node.js)/前端vue上传formData中file为{}空对象解决

今天在前端使用vue用formdata进行文件的传输时后台node报错Multipart: Boundary not found multer前端控制台当中发现接口传输的file文件为空值{},因为在axios请求时设置请求头Content-Type为multipart/form-data时发现在后面没有Boundary 这个参数,正常来说除了multipart/form-datamultipar

文章图片
#node.js#vue.js#前端
vue实现同一个页面某一位置进行不同组件切换展示效果

目录结构如图,在主页面home点击旁边导航切换不同组件在同一页面效果2、动态路由<component:is="componentnext"></component>用于切换组件,改变componentnext的组件名字即可,利用了动态绑定:class来指定此组件时此导航选中颜色的变化2.代码即注释如下<template><div><!-- &l

#vue.js
No overload matches this call. Overload 1 of 2, ‘(type: “*“, handler: WildcardHandler<Record<EventTy

在Vue3.x中没有了on和off,所以在vue3中下载mitt来进行实现全局事件的发布和订阅与取消订阅(也就是跨组件通讯)。有以下几个属性使用:all(Map对象):包含了所有订阅的事件名称,及对应的处理方法数组。emit(方法):触发事件,参数为(事件名(方法名),携带的参数),当- 前携带的参数只能为一个,不能为多个。on(方法):创建事件订阅,参数为(事件名,处理方法)。off(方法):取

#前端
vue实现点击某个div出现和隐藏内容功能

1.首先在所需要隐藏或显示的内容div加v-show,代表判断是否显示或隐藏<divv-show="shopShow">内容</div>3.我这里是在打开内容中有一个×号来关闭显示效果,在iconfont图标的div加入一个点击事件<div@click="toggleShopShow"><span class="iconfont icon-close"&g

vue+Echars移动端可视化页面

实现代码:<template><div class="wrapper"><span style="color:#fff;float:left;" @click="$router.back(-1)"><iclass="iconfont icon-jiantou"style="margin-top: 10px;margin-left:10px;">&lt

文章图片
#vue.js#javascript#前端
Multipart: Boundary not found multer上传文件报错解决(node.js)/前端vue上传formData中file为{}空对象解决

今天在前端使用vue用formdata进行文件的传输时后台node报错Multipart: Boundary not found multer前端控制台当中发现接口传输的file文件为空值{},因为在axios请求时设置请求头Content-Type为multipart/form-data时发现在后面没有Boundary 这个参数,正常来说除了multipart/form-datamultipar

文章图片
#node.js#vue.js#前端
vue实现答题功能一页一题并最后得出分数

实现效果如图每点下一题会切换题目,知道最后一题变为完成答题,然后进入答题完成页面显示分数2.template代码<template><div class="second"><div class="back" style="padding-top:10px" @click="$router.back(-1)"><i class="iconfont icon-

vue-seamless-scroll +element表格获取后台数据无法滚动或弹回顶部

今天出现一个bug,当在vue-seamless-scroll中把数据放入wholeflowtableData: [],没有问题,可以正常轮播。但是当动态获取后端数据时缺会出现弹回顶部的问题问题原因:由于拿到后端数据后我们用push方法一个个push进wholeflowtableData,导致它高度的获取出现问题,从而div发生溢出,无法进行滚动解决方案:1.定义一个新的数组arr去接收,然后再利

文章图片
#vue.js#javascript#前端
    共 12 条
  • 1
  • 2
  • 请选择