编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

103浏览

0评论

vue+Element-ui实现登录注册表单

本文实例为大家分享了vue+Element-ui实现登录注册表单的具体代码，供大家参考，具体内容如下登录注册表单验证通过Element-ui的表单实现登录注册的表单验证效果图如下注册登录表...

2021-05-31 00:52:17

71浏览

0评论

vue组件中传值EventBus的使用及注意事项说明

主要想说下非父子组件之间的通信。项目场景：在app.vue里写了一个公共的顶部导航navbar，然后右侧有个分享按钮，而这个分享按钮只有在特定的页面才展示，项目里是在lottery.vue页面...

2021-05-31 00:52:16

71浏览

0评论

Vue 数据绑定的原理分析

原理其实原理很简单，就是拦截了Object的get/set方法，在对数据进行set(obj.aget=18)时去重现渲染视图实现方式有两种方式1定义了同名的get/set就相当于定义了age var test =...

2021-05-31 00:52:14

82浏览

0评论

详解vue中在父组件点击按钮触发子组件的事件

我把这个实例分为几个步骤解读：1、父组件的button元素绑定click事件,该事件指向notify方法
2、给子组件注册一个ref=“child”
3、父组件的notify的方法在处理时，使用了$refs....

2021-05-31 00:12:14

70浏览

0评论

vue iview 隐藏Table组件里的某一列操作

1、假设我要隐藏columns里的 “账户组名称”columns: [{ type: 'selection', width: 60, align: 'center'},{ title: '账号ID', key: 'accountIdString'},{ title: '账号名...

2021-05-31 00:12:12

59浏览

0评论

vue切换菜单取消未完成接口请求的案例

在做别的功能时 console里面总会报别的菜单接口里的错看的很心烦于是想优化一下就有了这篇文章在切换菜单的时候取消所有未完成接口的请求1.找到自己的请求拦截器重点...

2021-05-31 00:12:09

78浏览

0评论

Vue 3.0中jsx语法的使用

Vue 3.0 正式发布了，喜大普奔😁。新的语法又要学习一阵阵，不过需要在生产环境下大面积使用，可能需要等到它的周边工具：vuex，vue-router 等等全部升级完毕。Vue 3.0 中尤大...

2021-05-31 00:12:06

82浏览

0评论

Vue+Element-U实现分页显示效果

本文实例为大家分享了Vue+Element-U实现分页显示效果的具体代码，供大家参考，具体内容如下当我们从后端返回的数据量很大，并且根据需求我们需要将返回的数据全部都显示在页面中，...

2021-05-31 00:12:05

76浏览

0评论

一篇超完整的Vue新手入门指导教程

前言
新建项目近些年前端开发快速发展，现在学习前端已经不像以前那样仅仅学习一个语法就可以了，它已经是一门编程技术了，它们有自己独立的类似Main函数的入口，有像MVC一样规范好...

2021-05-31 00:12:00

112浏览

0评论

解决Antd Table表头加Icon和气泡提示的坑

对于Antd Table组件的columns数组来说，它需要接受2个属性（filterDropdown，filterIcon）才能在表头某个属性旁展示图标Icon：columns: [{ title: '表达式', dataIndex: 'formulaTen...

2021-05-31 00:11:59

65浏览

0评论

快速解决vue2+vue-cli3项目ie兼容的问题

刚写好的项目在谷歌能打开，ie打不开，需要处理兼容问题先根据这篇文章修改详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决如果没有其他问题是可以了的，下面是我代码中出...

2021-05-31 00:11:58

91浏览

0评论

vue中echarts的用法及与elementui-select的协同绑定操作

1.vue中echarts的使用引入echarts后let myChart = echarts.init(document.getElementById('dsm'));//dsm为绑定的dom结构 var option = { //backgroundColor:"#111c4e...

2021-05-31 00:11:57

66浏览

0评论

springboot+vue实现文件上传下载

本文实例为大家分享了springboot+vue实现文件上传下载的具体代码，供大家参考，具体内容如下一、文件上传（基于axios的简单上传）所使用的技术：axios、springboot、vue;
实现思路：通...

2021-05-31 00:11:55

69浏览

0评论

vue在图片上传的时候压缩图片

需求：上传到服务器的图片太大会导致服务器承受不了，故在前端传图片的时候将图片压缩后再传到服务器直接上代码async getRealName(){ let nickname = this.nickname.trim()...

2021-05-31 00:11:54

184浏览

0评论

详解vue实现坐标拾取器功能示例

需求
1、搜索具体地址，自动填写经纬度，并在地图上标记2、点击地图上一点，可重新填写经纬度并且标记
代码在dom新建div渲染地图<el-form-item label="店铺地址" prop="address">...

2021-05-31 00:11:52

83浏览

0评论

vue 获取到数据但却渲染不到页面上的解决方法

能获取到数据数据却渲染不到页面上问题描述：我数据全部拿到了，js 里面写 console.log( musics ) 数据打印出来都正确，但是页面里面就是不显示。很多时候对数据进行处理了，但是...

2021-05-31 00:11:51

72浏览

0评论

详解Vue数据驱动原理

前言Vue区别于传统的JS库，例如JQuery，其中一个最大的特点就是不用手动去操作DOM，只需要对数据进行变更之后，视图也会随之更新。比如你想修改div#app里的内容:/// JQuery<div id...

2021-05-31 00:11:49

78浏览

0评论

vue的webcamjs集成方式

记一次在vue中使用webcamjs调取pc端摄像头拍照说明本例调用摄像头基于webcamjs第一步： Photo.vue 组件<template> <div> <div id="results">Your captured image will appea...

2021-05-31 00:11:48

68浏览

0评论

ant design pro中可控的筛选和排序实例

我就废话不多说了，大家还是直接看代码吧~/** * Created by hao.cheng on 2017/4/15. */import React from 'react';import { Table, Button } from 'antd';const data = [{...

2021-05-31 00:11:47

59浏览

0评论

vue+vant实现购物车全选和反选功能

本文实例为大家分享了vue+vant实现购物车全选和反选的具体代码，供大家参考，具体内容如下这是效果图：话不多少,直接上代码:<template> <div class="cart"> <div class="st-spaci...

2021-05-31 00:11:45

65浏览

0评论

vue+iview实现分页及查询功能

vue+iview 分页及删、查功能实现，供大家参考，具体内容如下首先要想实现分页功能必须得知道当前页码、每页大小、总数目。iview对分页的功能支持还是很强大的，有很多钩子函数具...

2021-05-31 00:11:44

92浏览

0评论

解决vue elementUI 使用el-select 时 change事件的触发问题

如下所示：<el-select v-model="level" size="mini" placeholder="请选择" :change="selectChange()"> <el-option v-for="item in select" :key="item.value" :label="item.l...

2021-05-31 00:11:43

75浏览

0评论

Vue如何循环提取对象数组中的值

1.数据如下，提取name和callcount2代码.getQueryCallStatistics("sesp1", this.provinceId).then((res) => { let arr = []; let arr1 = []; let arr2 = []; let...

2021-05-31 00:11:42

77浏览

0评论

vue3.0实现点击切换验证码(组件)及校验

本文实例为大家分享了vue3.0实现点击切换验证码(组件)及校验的具体代码，供大家参考，具体内容如下先看效果父组件<template> <div class="login"> <van-field center clearab...

2021-05-31 00:11:41

50浏览

0评论

深入了解Vue3模板编译原理

Vue 的编译模块包含 4 个目录：compiler-corecompiler-dom // 浏览器compiler-sfc // 单文件组件compiler-ssr // 服务端渲染其中 compiler-core 模块是 Vue 编译的核心模块，并...

2021-05-31 00:11:39

74浏览

0评论

SpringBoot在yml配置文件中配置druid的操作

最新版的druid和旧版在filter配置方面有些不同，以下是旧版druid中配置filter：spring: ##数据库连接信息 datasource: url: jdbc:mysql://localhost:3306/young username: root...

2021-05-31 00:11:38

80浏览

0评论

解决vue项目中出现Invalid Host header的问题

在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: truedevServer: { disableHostCheck: true,}vue-cli版本3.0的情况下修改vue.c...

2021-05-31 00:11:37

86浏览

0评论

html中创建并调用vue组件的几种方法汇总

作者：Echoyya
出处：https://www.cnblogs.com/echoyya/最近在写项目的时候，总是遇到在html中使用vue.js的情况，且页面逻辑较多，之前的项目经验都是使用脚手架等已有的项目架构，使用...

2021-05-31 00:11:35

85浏览

0评论

vue使用vant中的checkbox实现全选功能

本文实例为大家分享了vue使用vant中的checkbox实现全选功能的具体代码，供大家参考，具体内容如下<template> <div class="visiblePeople"> <topbar /> <ul class="list clear_f...

2021-05-30 22:58:44

86浏览

0评论

vue+iview分页组件的封装

vue+iview的分页组件封装1.在components中创建pagination文件夹，接着创建src，index.js,index.less文件2.index.less文件//需要修改的样式.ivu-page-options { margin-left: 10...

2021-05-30 22:58:42

97浏览

0评论

Vue项目利用axios请求接口下载excel

本文实例为大家分享了Vue项目利用axios请求接口下载excel的具体代码，供大家参考，具体内容如下据我了解的前端的下载方式有三种，第一种是通过a标签来进行下载，第二种时候通过wind...

2021-05-30 22:58:40

98浏览

0评论

Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例

引言在与实现了语音合成、语义分析、机器翻译等算法的后端交互时，页面可以设计成更为人性化、亲切的方式。我们采用类似于聊天对话的实现，效果如下：智能客服（输入文本，返回引擎...

2021-05-30 22:58:37

118浏览

0评论

在Vue中使用Echarts可视化库的完整步骤记录

前言由于最近项目需要做可视化数据展示，也就是用图表展示数据，他还有一个很高端的名字：“大数据可视化”（参考图一），首先考虑选择什么图表库来作为基础开发，目前被普遍认可的是Hcha...

2021-05-30 22:58:33

89浏览

0评论

vue 插槽简介及使用示例

Vue的插槽，是一种内容分发机制，但是我感觉它更加像组件的一种占位符的概念，通过插槽，等待组件外部传入复杂的内容。使用插槽的好处在以前的例子中todo-item插槽直接写在了todo-l...

2021-05-30 22:58:27

91浏览

0评论

vue 解决IOS10低版本白屏的问题

新公司是做自己的独立产品，比之前呆过的外包公司要求严格的多，注重用户体验，以下是在新项目里进行前端优化的一些操作一，低版本空白屏问题，以及ios8的样式问题本项目是通过vue-cl...

2021-05-30 22:58:25

77浏览

0评论

antd table按表格里的日期去排序操作

表格内容根据票据日期升序（这里是已经排序后的效果）上代码代码中data的内容如下根据paper_date排序，因为目前这种格式不支持比较，需要先转换成时间戳new Date(aTimeString).getT...

2021-05-30 22:58:24

76浏览

0评论

Antd-vue Table组件添加Click事件,实现点击某行数据教程

给Table组件添加Click事件,实现点击某行数据操作 customRow 设置行属性 Function(record, index) 通过customRow 属性给table添加自定义事件...

2021-05-30 22:58:22

59浏览

0评论

在vue中通过render函数给子组件设置ref操作

正常我们的写法是，这样ref不会生效，h是作用在渲染的时候的，而ref是渲染之后才创建的，因此在h函数中使用ref是无效的。render: (h, params) => { return h(expandRow, {...

2021-05-30 22:58:21

117浏览

0评论

vue实现下载文件流完整前后端代码

使用Vue时，我们前端如何处理后端返回的文件流首先后端返回流，这里我把流的动作拿出来了，我很多地方要用/** * 下载单个文件 * * @param docId */ @GetMapping("/download/{docI...

2021-05-30 22:58:17

76浏览

0评论

vue 表单输入框不支持focus及blur事件的解决方案

采用指令的方式来解决这个问题(此处的前端框架以mint-ui为例):1.html引用: v-mtfocus2.在实例中添加指令directives: { 'mtfocus' (el, binding, vnode) { let mtinput =...

2021-05-30 22:58:16

97浏览

0评论

详解Vue的mixin策略

我之前一直以为mixin的合并是以组件内的优先，即mixin的内容如果和组件内有冲突的，以组件内为准，确实存在这种情况，但是vue指定的策略更详细，下面分别记录各种情况对应的合并策略...

2021-05-30 22:58:15

122浏览

0评论

elementUI同一页面展示多个Dialog的实现

要实现的效果如下：首先官方文档是这样描述的：但是我写了个小demo发现并不能直接平级放置即可，一样会存在先后顺序不同造成的覆盖以及遮罩层导致不能点击被遮盖的dialog。原因如...

2021-05-30 22:58:13

83浏览

0评论

vue 数据遍历筛选过滤排序的应用操作

vue 中对v-for 遍历数据的处理方式可以分为两类：一.对data 直接赋值（比较笨，但是比较直接）<div id="app"> <ul> <li v-for="item in list">{{item.n}}</li> </ul> </div>...

2021-05-30 22:58:12

91浏览

0评论

ant design的table组件实现全选功能以及自定义分页

我就废话不多说了，大家还是直接看代码吧~ant design的table组件实现全选功能以及自定义分页直接附上全部代码以及截图了import './index.scss';import React from 'react';im...

2021-05-30 22:58:10

91浏览

0评论

浅谈Ant Design Pro 菜单自定义 icon

Ant Design Pro 官方文档说明在菜单中使用自定义的 icon由于 umi 的限制，在 router.config.js 是不能直接只是用组件的，Pro 中暂时支持使用 ant.design 本身的 icon type，和...

2021-05-30 22:58:08

90浏览

0评论

vue+iview实现文件上传

vue+iview文件上传（base64编码、类型验证、大小限制、多文件上传及文件预览） iview对文件上传提供了一个专门的标签Upload，不过这个标签默认需要一个接口action属性，但一...

2021-05-30 22:58:07

78浏览

0评论

如何使用 vue-cli 创建模板项目

场景吾辈曾经只是个 Java 后端开发人员，原本对前端的了解大致只有 HTML/CSS/JavaScript/JQuery 级别，后来接触到了 nodejs。不仅是工作之需，吾辈个人而言也非常想要了解现代前...

2021-05-30 22:58:04

80浏览

0评论

Vue3+elementui plus创建项目的方法

1.使用elementui plus版本实现按需加载组件会报错Error: Cannot find module 'babel-preset-es2015' from 'D:\danzhukeji\danzhu\my_pp\src'这样的情况下{ "presets": [["...

2021-05-30 22:58:03

80浏览

0评论

Vue.js桌面端自定义滚动条组件之美化滚动条VScroll

前言前段时间有给大家分享一个vue桌面端弹框组件，今天再分享最近开发的一个vue pc端自定义滚动条组件。vscroll 一款基于vue2.x开发的网页端轻量级超小巧自定义美化滚动条组...

2021-05-30 22:58:02

79浏览

0评论

vue-drawer-layout实现手势滑出菜单栏

本文实例为大家分享了vue-drawer-layout实现手势滑出菜单栏的具体代码，供大家参考，具体内容如下文档链接地址安装npm install vue-drawer-layout --savemain.js导入import Dra...

2021-05-30 22:57:58

首页 «803 804805806 807 »尾页

热门文章