编程开发 - 教程之家

编程开发

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

88浏览

0评论

浅谈v-for 和 v-if 并用时筛选条件方法

如下所示：<ul id="ul"><li v-for="todo in todos" v-if="todo<4"> {{ todo }}</li> </ul> <script> varvm=new Vue({el:"#ul",data:{ todos: [ 1, 2, 3, 4, 5 ]}}) </script...

2020-05-27 02:14:32

118浏览

0评论

vue遍历对象中的数组取值示例

前几天小项目，没考虑周全，让后端改接口，改成数组中包含对象中包含数组的形式，后来越琢磨越不对，后台把所有数据放在了一个对象里，我拿弹窗数据不好拿，索性又改了回来，把后端折腾够呛...

2020-05-27 02:14:31

298浏览

0评论

vue 解决遍历对象显示的顺序不对问题

一、情况说明：在wacth里面生成了一个日期字符串的的数组（如下图1），如果遍历这个数组生成一个以日期为key的Object，但是数组里面的元素顺序和Object的属性的顺序是不一样的，并且在v...

2020-05-27 02:14:30

331浏览

0评论

vue.js循环radio的实例

最近在做一个组件联动的，需要循环展示el-radio，花了很多时间现在记录一下，也给遇到类似问题的小伙伴一个参考 <el-radio-group v-model="radioArray[item.name]" @change="hand...

2020-05-27 02:14:29

160浏览

0评论

使用JS监听键盘按下事件（keydown event）

1、监听全局键盘按下事件，例如监听全局回车事件$(document).keydown(function(event){ if(event.keyCode == 13){ alert('你按下了Enter'); }}); 2、监听某个组件键盘按下...

2020-05-27 02:14:28

238浏览

0评论

vue获取data数据改变前后的值方法

场景：购物车增加商品数量同时更新bridge标志上的总商品个数，如果只是加上当前变化后的数量的话则之前原有的数量会被重新添加一遍造成计算错误。因此要减去变化前的数量才能得...

2020-05-27 02:14:26

57浏览

0评论

js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】

本文实例讲述了js使用文档就绪函数动态改变页面内容。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...

2020-05-27 02:14:25

574浏览

0评论

vue 实现单选框设置默认选中值

vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的html部分是通过v-for取的后台的数据 <li v-for="(value,i) in addList" :key="value.id"...

2020-05-27 02:14:24

154浏览

0评论

Node配合WebSocket做多文件下载以及进度回传

起因为什么做这个东西，是突然间听一后端同事说起Annie这个东西，发现这个东西下载视频挺方便的，会自动爬取网页中的视频，然后整理成列表。发现用命令执行之后是下面的样子：心里琢...

2020-05-27 02:14:23

68浏览

0评论

构建Vue大型应用的10个最佳实践(小结)

这些是我构建大型Vue项目得出的最佳实践，这些技巧将帮助你更高效的编码，并且使其更容易维护和协作。在我今年的自由职业生涯中我有幸开发了一些大型Vue程序。我所说的这些项目...

2020-05-27 02:14:22

166浏览

0评论

ElementUI多个子组件表单的校验管理实现

背景
公司项目中所用到的前端框架是Vue.js + ElementUI，因为项目的业务场景中有很多的大表单，但是ElementUI的表单写法对于表单的拆分和校验其实并不是很友好。最初的项目为了...

2020-05-27 02:14:21

66浏览

0评论

jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)

1、cookie是什么：
①、cookie 是存储于访问者计算机中的变量。每当一台计算机通过浏览器来访问某个页面时，那么就可以通过 JavaScript 来创建和读取 cookie。
　　②、实际上...

2020-05-27 02:14:20

782浏览

0评论

vue实现将一个数组内的相同数据进行合并

获取服务器传来的数组数据进行，找出其中价格相同的进行数量相加，合并该段数据：/** 先将传来的订单列表进行四舍五入，再将价格相同的订单进行合并 * @param {Object} orderList...

2020-05-27 02:14:19

460浏览

0评论

vue之a-table中实现清空选中的数据

如下所示：<template> <a-table ref="table" size="default" :columns="columns" :dataSource="loadData" :showAlertInfo="true" :pagination=fals...

2020-05-27 02:14:18

199浏览

0评论

Vue 通过公共字段,拼接两个对象数组的实例

前端需要展示两个字段，工资项与工资值。因为后台数据原因，后端是将这两个数据分开返回，这边我需要将这两个数组拼接到一个数据。直接上代码。1.HTML部分<html lang="zh"><head>...

2020-05-27 02:14:17

99浏览

0评论

基于JavaScript伪随机正态分布代码实例

这篇文章主要介绍了基于JavaScript伪随机正态分布代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在游戏开发中...

2020-05-27 02:14:16

118浏览

0评论

浅谈Vue中render中的h箭头函数

vue2.0新增了render方法，官方案例写的是：render: h=>h(app)其中h是由createElement方法演变而来render: function(createElement){ return createElement(app)}用es6的写法就...

2020-05-27 02:14:15

261浏览

0评论

vue基本使用--refs获取组件或元素的实例

说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref...

2020-05-27 02:14:14

121浏览

0评论

vue 父组件通过$refs获取子组件的值和方法详解

前言在vue项目中组件之间的通讯是很常见的问题，同时也是很重要的问题，我们大致可以将其分为三种情况：父传子：在父组件中绑定值，在子组件中用props接收子传父：在父组件中监听一个事...

2020-05-27 02:14:13

108浏览

0评论

Vue修改项目启动端口号方法

在项目的package.json中可以找到如下代码start属性指定的文件就是通过开发模式启动的服务文件"scripts": { "dev": "node build/dev-server.js", "start": "node build/dev-...

2020-05-27 02:14:12

215浏览

0评论

vue项目中定义全局变量、函数的几种方法

前言
在项目中，经常会复用一些变量和函数，比如用户的登录token，用户信息等。这时将它们设为全局的就显得很重要了，全局变量和全局函数之间有一些相通之处，它们其实很简单，但是有些...

2020-05-27 02:14:11

59浏览

0评论

BootstrapValidator实现表单验证功能

BootstrapValidator是一款非常好用的表单验证插件，通过友好的错误提示能增加用户体验。bootstrapvalidator源码下载既然是表单验证，那我们最常用的就是用户登录界面，下面来看看...

2020-05-27 02:14:10

253浏览

0评论

vue-dplayer 视频播放器实例代码

官网vue-dplayerdplayer-doc示例如果默认 options 中没有视频链接，之后设置视频链接时，直接通过 this.options.video.url = videoPath 是无效的需要先获取到播放器的实例 this...

2020-05-27 02:14:09

188浏览

0评论

vue视频播放暂停代码

vue中的视频播放vue.js中引入video视频播放器main.js中引入import Video from 'video.js'import 'video.js/dist/video-js.css'Vue.prototype.$video = Videohtml页面<video...

2020-05-27 02:14:08

89浏览

0评论

Vue搭建后台系统需要注意的问题

一、UI框架推荐 Elemnet ui二、图表vue-schartnpm install vue-schart -S<template> <div id="app"> <schart :canvasId="canvasId" :type="type" :width="wi...

2020-05-27 02:14:07

178浏览

0评论

vue中get请求如何传递数组参数的方法示例

前言: vue中在与后端进行数据交互时，使用axios发送请求，不做配置直接使用get请求传递数组类型参数的时候，后端是无法接收数据的，需要对axios一些简单的配置才能让后端完美的接收...

2020-05-27 02:14:07

528浏览

0评论

vue.js的简单自动求和计算实例

一、导入vue.js可以用cdn，也可以用内嵌去官网下载插件https://vuejs.org/js/vue.js.<script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>二、前端页面我用了...

2020-05-27 02:14:06

547浏览

0评论

vue实现将数据存入vuex中以及从vuex中取出数据

1、在store文件下面新建文件 print.js ，写入以下代码 /** * 存放 ** 数据 * **/ // initial state const state = { all: { ID:'', BrandID:'' }...

2020-05-27 02:14:05

103浏览

0评论

Vuex中实现数据状态查询与更改

在vuex进行vue注入后即可在任一子组件中通过this.$store来访问vueximport store from './store' new Vue({ el: '#app', router, store, components: { App }, template: '<...

2020-05-27 02:14:03

262浏览

0评论

Vue实例的对象参数options的几个常用选项详解

一. 新建一个Vue实例可以有下列两种方式：1.new一个实例var app= new Vue({ el:'#todo-app', // 挂载元素 data:{ // 在.vue组件中data是一个函数，要写成data () {}这种方式 i...

2020-05-27 02:14:02

230浏览

0评论

详解Vscode中使用Eslint终极配置大全

在 vue项目中使用vscode编辑时，使用了如下这套配置，保存时就会根据既定vue项目中.eslintrc.js文件设置的既定规则自动校验并依据规则修复代码。需安装插件
主要是这两个插件：...

2020-05-27 02:14:01

171浏览

0评论

vue视频播放插件vue-video-player的具体使用方法

安装npm install vue-video-player --save引入可以全局引入插件，也可以在需要用到该插件的组件内单独引入（二选一）【1】全局引用，在main.js里面导入并引用import VideoPlayer f...

2020-05-27 02:14:00

194浏览

0评论

在vue中使用vuex,修改state的值示例

1、安装 vuexnpm install vuex -S2、在目录下创建store文件3、在store.js编辑一个修改state的方法然后在mian.js中全局引入最后在组件中使用这个的功能是运用mutations 修...

2020-05-27 02:13:59

170浏览

0评论

vue 组件内获取actions的response方式

最近使用在学习使用vuex，想利用vuex集中管理状态。在和后台进行数据交互的时候，必然会涉及接口的调用，此类异步操作，通常写在action里面：import Vue from 'vue';import Vuex from...

2020-05-27 02:13:58

223浏览

0评论

vue中在vuex的actions中请求数据实例

我废话不多说了，直接上代码吧！actions.js getCertificationStatus(context, {vm:vm,type:type}){ return new Promise((resolve, reject) => { axios.post('/realNameUt...

2020-05-27 02:13:57

383浏览

0评论

在VUE中实现文件下载并判断状态的方法

新增JS页面 axiosExport.JS// Axios拦截请求并实现下载import axios from 'axios'// download urlexport const downloadUrl = (url) => { console.log(url) let iframe =...

2020-05-27 02:13:56

162浏览

0评论

使用kbone解决Vue项目同时支持小程序问题

什么是kbone微信小程序开发过程中，许多开发者会遇到小程序与 Web 端一起的需求，由于小程序与 Web 端的运行环境不同，开发者往往需要维护两套类似的代码，这对开发者来说比较...

2020-05-27 02:13:55

234浏览

0评论

微信小程序select下拉框实现源码

这篇文章主要介绍了微信小程序select下拉框实现源码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下小程序中是没有h5中...

2020-05-27 02:13:54

248浏览

0评论

浅谈vuex的基本用法和mapaction传值问题

vuex的理论知识就不多提了，官网上已经有明确的讲解。用一个简单的例子来描述一下基本的用法:第一步：npm install vuex –save-dev 第二步：在目录中创建store目录配置管理状态//...

2020-05-27 02:13:53

109浏览

0评论

微信小程序在text文本实现多种字体样式

这篇文章主要介绍了微信小程序在text文本实现多种字体样式,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下微信小程序比...

2020-05-27 02:13:52

107浏览

0评论

BootstrapValidator验证用户名已存在（ajax）

Java web项目：bootstrap实现注册页面，mvc模式联合mysql数据库检查用户名的唯一性。一、实现效果：重置这里有bug，bootstrapValidator验证不能重置，待解决。二、代码准备：引入bootst...

2020-05-27 02:13:51

119浏览

0评论

js 递归json树实现根据子id查父id的方法分析

本文实例讲述了js 递归json树实现根据子id查父id的方法。分享给大家供大家参考，具体如下：最近做了一个类似用js实现思维导图的功能，作为思维导图，一定会有树状结构的数据产生，在...

2020-05-27 02:13:49

154浏览

0评论

vue之组件内监控$store中定义变量的变化详解

// 1.采用计算属性来获取$store中的值computed: { listenstage() { return this.$store.state.iShaveMsg; } },// 2.通过watch来检查定义计算属性获取到的值的变化watc...

2020-05-27 02:13:48

71浏览

0评论

JS对日期操作封装代码实例

这篇文章主要介绍了JS对日期操作封装代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下格式化日期：/** * 格式化日...

2020-05-27 02:13:47

72浏览

0评论

js 对象使用的小技巧实例分析

本文实例讲述了js 对象使用的小技巧。分享给大家供大家参考，具体如下：js中中，Object，Array ,Function 等都属于引用类型，他们的变量名都是指向对象的指针。这样就有一个好处，当处...

2020-05-27 02:13:46

83浏览

0评论

在vue中使用echars实现上浮与下钻效果

第一步：在vue项目中安装echarsnpm i echars -S第二步:main.js配置这里是全局引入//引入echarsimport echarts from 'echarts'Vue.prototype.$echarts = echarts第三步直接上...

2020-05-27 02:13:45

173浏览

0评论

Vue打包后访问静态资源路径问题

Vue介绍中static文件夹里放的是静态资源目录，如图片、字体等。我们发现运行npm run start后本地图片路径是没问题的，但是打包上传后会怎么样呢？我们知道，执行npm run build 后会...

2020-05-27 02:13:44

126浏览

0评论

vue路由拦截器和请求拦截器知识点总结

路由拦截器已路由为导向router.beforeEach((to,from,next)=>{ if(to.path=='/login' || localStorage.getItem('token')){ next(); }else{ alert('请重新登录'); ne...

2020-05-27 02:13:43

346浏览

0评论

VUEX采坑之路之获取不到$store的解决方法

今天在写vuex的时候遇到了一个特别无语的问题，找了半个小时才找到这个问题，所以贴出来，大家在遇到和我一样的问题的时候不会太过慌张在第一次写vuex的时候无论如何获取不到$sto...

2020-05-27 02:13:42

121浏览

0评论

vue.js 子组件无法获取父组件store值的解决方式

子组件：props:['myDetail']父组件：<子组件 :myDetail="detail"></子组件>computed:{ detail(){ return this.$store.state.XXXX.yyyy }}子组件的参数值不会随着父组件sto...

2020-05-27 02:13:41

首页 «1488 148914901491 1492 »尾页

热门文章