JavaScript - 教程之家

110浏览

0评论

element-ui表格数据转换的示例代码

业务场景：在后台管理系统表格模块中，我们请求回来的数据类似性别等等，后台给我们返的不是男，或者女，而是给我们返回的是0和1，或者是A和B；但是怎么在表格中显示成男和女呢，这里就需要...

2020-05-27

116浏览

0评论

vue .js绑定checkbox并获取、改变选中状态的实例

如下所示：1.html
<div class="weui-cells weui-cells_checkbox font14" v-for="item in items"> <label class="weui-cell weui-check__label"> <div class="weui-cell_...

2020-05-27

75浏览

0评论

Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)

vue验证滑块功能，在生活中很多地方都可以见到，那么使用起来非常方便，基于vue如何实现滑块验证呢？下面通过代码给大家讲解。效果图如下所示：拖动前拖动后代码引用的css与js都是线...

2020-05-27

154浏览

0评论

vue 登录滑动验证实现代码

在没给大家讲解实现代码之前，先给大家分享效果图：之前别人都是用jq写的，自己整理了一下开始使用<el-form-item label="验证"><div class="form-inline-input"><div class="code...

2020-05-27

185浏览

0评论

element-ui中的select下拉列表设置默认值方法

element-ui中的select下拉列表如何设置默认值？在element-ui的运用中，涉及到了select下拉列表。项目中需要将select的默认值给展示出来那如何修改呢？上element-ui中的代码片段<t...

2020-05-27

52浏览

0评论

NodeJS如何实现同步的方法示例

前言众所周知，异步是得天独厚的特点和优势，但同时在程序中同步的需求（比如控制程序的执行顺序为：func1 -> func2 ->func3 ）也是很常见的。下面这篇文章主要介绍了关于NodeJS实现...

2020-05-27

132浏览

0评论

jQuery md5加密插件jQuery.md5.js用法示例

本文实例讲述了jQuery md5加密插件jQuery.md5.js用法。分享给大家供大家参考，具体如下：使用方法：$.(md5("你想要加密的字符串"));jquery.md5.js插件代码：/** * jQuery MD5 hash...

2020-05-27

58浏览

0评论

vue左侧菜单,树形图递归实现代码

学习vue有一段时间了，最近使用vue做了一套后台管理系统，左侧菜单需求是这样的，可以多层，数据由后台传递。也因为自己对官方文档的不熟悉使得自己踩了不少坑，今天写出来和大家一起...

2020-05-27

106浏览

0评论

vue select选择框数据变化监听方法

1、使用v-model在select标签上进行数据双向绑定，2、在data里边添加val：‘ '，3、最后就是监听事件的写法，写在methods之外。附加：（以下图片借鉴他人，非原创）以上这篇vue select选择框...

2020-05-27

199浏览

0评论

element-ui 表格数据时间格式化的方法

后台返回时间格式 /1470220594000/在element-ui table 如何格式化呢 1.首先复制代码代码如下:<el-table-column prop="AuditEndTime" label="处理时间" width="120" :for...

2020-05-27

110浏览

0评论

基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍

如下所示：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/bootstrap.css" rel="external nof...

2020-05-27

63浏览

0评论

实例详解ztree在vue项目中使用并且带有搜索功能

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。上篇文章给大家介绍了vue中如何使用ztree，大家可以点击查看...

2020-05-27

54浏览

0评论

element-ui 中的table的列隐藏问题解决

element-ui 中的table和bootstrap中的table的某些设置还是有一定的差别的。之前用bootstrap做的表格，想要实现简短列和详细列的切换。因为详细列实在有太多列了，拉动滚动条还...

2020-05-27

47浏览

0评论

微信小程序用户信息encryptedData详解

之前做过一个版本是根据encryptData和Session_key解密得到完整的用户信息（包含union_id）的方法去获取用户信息，由于小程序升级，如今需要废弃encryptData的方式去获取用户信息，改...

2020-05-27

91浏览

0评论

element-ui 关于获取select 的label值方法

在某些场景下，还是需要在获得label的值跟Value值的。vue获取值的方式：<el-form-item label="库位" prop="goodsLocationId" > <el-col :span="15">...

2020-05-27

106浏览

0评论

Vue源码解读之Component组件注册的实现

什么是组件？组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有...

2020-05-27

62浏览

0评论

AngularJS自定义表单验证功能实例详解

本文实例讲述了AngularJS自定义表单验证功能。分享给大家供大家参考，具体如下：Angular实现了大部分常用的HTML5的表单控件的类型(text, number, url, email, date, radio, che...

2020-05-27

82浏览

0评论

解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题

我要实现的功能是在上传文件之前校验是否表格中存在重复的数据，有的话，需要弹窗提示是否覆盖，确认之后继续上传，取消之后，就不再上传。
项目中用的element-ui是V1.4.3<el-upload...

2020-05-27

65浏览

0评论

vue-cli2打包前和打包后的css前缀不一致的问题解决

啰嗦一哈最近基于vue-cli2 学习webpack，将vue-cli2的webpack配置强撸了一遍，感觉身体已被掏空。。。但还是收获不少的，起码掌握了webpack的一些基本套路、开发环境和生产环境的...

2020-05-27

131浏览

0评论

element-ui循环显示radio控件信息的方法

如下所示： <el-form-item label="线路类型：" prop="isGive"> <el-radio-group v-model="currentLine.isGive"> <el-radio :label="item.id" :key="item.id" v-for="item...

2020-05-27

54浏览

0评论

JavaScript原型链与继承操作实例总结

本文实例讲述了JavaScript原型链与继承操作。分享给大家供大家参考，具体如下：1. JavaScript继承JavaScript继承可以说是发生在对象与对象之间，而原型链则是实现继承的主要方法；1...

2020-05-27

104浏览

0评论

vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)

我使用的是element-ui V2.2.3。代码如下，当我选择值得时候，el-select选择器无法显示选中的内容，但是能触发change方法，并且能输出选择的值。select.vue文件<template> <div> <di...

2020-05-27

59浏览

0评论

JavaScript中this关键字用法实例分析

本文实例总结了JavaScript中this关键字用法。分享给大家供大家参考，具体如下：例1：function a(){ var user = "yao"; console.log(this.user);//undefined console.log(this)...

2020-05-27

61浏览

0评论

浅谈Vue组件及组件的注册方法

相信在使用Vue进行项目开发的时候很多人会接触到vue组件，最常见的就是我们使用的element-ui组件库，用起来确实很方便，大大减少了我们的开发时间。在一个项目中其实有很多可复用...

2020-05-27

87浏览

0评论

vue操作下拉选择器获取选择的数据的id方法

实际项目中我们获取选择的数据的id；这时候需要配合使用v-bind，才能获取到选择的那条数据的id值，其实就是id赋值给value属性<template> <div> <select v-model="select" >...

2020-05-27

102浏览

0评论

vue中使用gojs/jointjs的示例代码

因为公司项目需求，要画出相关业务的流程图，以便客户了解自己身处何处搜索框输入 “前端流程图插件”，查了很多资料，总结一下有以下几种flow-chart代码写法繁琐，不是json就可以解...

2020-05-27

96浏览

0评论

Nuxt.js实现校验访问浏览器类型的中间件

前言Nuxt.js 十分简单易用。一个简单的项目只需将 nuxt 添加为依赖组件即可。这个需求非常常见,分享出去的页面的有时候在手机访问,有时候别人是PC打开的;若是不是共享同一...

2020-05-27

82浏览

0评论

vue2中,根据list的id进入对应的详情页并修改title方法

一般项目中，我们会遇到有个list。。。然后你随便点击一个，会进入他对应的详情页。。。正常，那个详情页是一个公共的组件，我们只需根据id传值来判断，这个页面显示的是哪个list的数...

2020-05-27

85浏览

0评论

解决webpack dev-server不能匹配post请求的问题

webpack的dev-server只能匹配get请求，在本地做本地数据的时候会很不方便。
可以使用如下两种办法解决：1.在webpack.config.js配置文件中的devServer字段加入devServe:{ setu...

2020-05-27

37浏览

0评论

vue 中引用gojs绘制E-R图的方法示例

首先，在vue项目中安装gojs的依赖包，并在项目中引入。创建tablePreview.vue<style> #sample{ position: relative; margin: 20px; } #myOverviewDiv { position: absolute;...

2020-05-27

65浏览

0评论

JavaScript中join()、splice()、slice()和split()函数用法示例

本文实例讲述了JavaScript中join()、splice()、slice()和split()函数用法。分享给大家供大家参考，具体如下：join()join() 方法用于把数组中的所有元素放入一个字符串。元素是...

2020-05-27

87浏览

0评论

解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题

在做项目的时候，遇到需要做路由跳转，但当用户输入错误url地址，或是其它非法url路由地址，我们或许会想到跳转至404页面。不管你有没有写一个404页面，当出现未匹配路由都需重新指定...

2020-05-27

45浏览

0评论

微信小程序Getuserinfo解决方案图解

问题在微信小程序开发中，获取用户信息是经常会用到的！在之前，我们直接调用wx.getUserInfo接口，就可以直接获取用户的信息，然而为了安全考虑，从2018年4月30号开始，wx.getUserInfo接...

2020-05-27

83浏览

0评论

对vue2.0中.vue文件页面跳转之.$router.push的用法详解

vue2.0在使用的过程中， .vue文件之间的跳转，在template中的常见写法是：<router-link to="/miniCard/statement/horizon"> <button class="btn btn-default colorDe">继续</but...

2020-05-27

71浏览

0评论

vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)

今天用vue+原生js的mousemove事件，写了个拖动，发现只能慢慢拖动才行，鼠标只要移动快了，就失效，不能拖动了；搞了半天在，总算解决了，但是问题的深层原理还没搞清楚，知道的大侠可以留言...

2020-05-27

93浏览

0评论

vue.js项目 el-input 组件监听回车键实现搜索功能示例

基于element-ui 组件开发的vue.js项目，实现回车键发起搜索，和原生的input 标签使用方法不一样：el-input 监听键盘按下状态得用@keyup.enter.native,如果是非el-input 组件，可...

2020-05-27

51浏览

0评论

vue 自定义指令自动获取文本框焦点的方法

HTML：<p><b v-show="show">{{tag}}</b><input v-focus v-model="tag" :hidden="show" type="text"></p>js：官方例子：directives: { focus: { // 指令的定义 inserted: funct...

2020-05-27

358浏览

0评论

vue点击input弹出带搜索键盘并监听该元素的方法

1.遇到问题：需要做一个点击input弹出带搜索的键盘。解决：input的type="search",可弹出带搜索的键盘。并监听搜索按钮，请求数据<input @keyup.13="show()" type="search">2.但是...

2020-05-27

75浏览

0评论

对vue 键盘回车事件的实例讲解

如果是原生的input，使用 @keyup.enter就可以，若是使用了element-ui，则要加上native限制符，因为element-ui把input进行了封装，原事件就不起作用了，代码如下：<input v-model="form.na...

2020-05-27

65浏览

0评论

解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题

在用vue-cli脚手架搭建手机H5页面应用的时候，其中一页中部有input，底部有position：absolute；bottom：0的元素，当点击input框时在安卓手机上出现了：1 虚拟键盘弹出盖住input2 底部定...

2020-05-27

64浏览

0评论

解决vue+element 键盘回车事件导致页面刷新的问题

背景今天发现输入框输入内容后回车就会刷新页面解决 <el-form :inline="true" @submit.native.prevent> </el-form>el-from 加上 @submit.native.prevent具体是参考element-...

2020-05-27

91浏览

0评论

vue-auto-focus: 控制自动聚焦行为的 vue 指令方法

在网页的表单中，经常需要用程序来控制input和textarea的自动聚焦行为。例如我最近做的一个项目，有个装箱出库的流程，input框自动聚焦的流程如下：页面进入时自动聚焦到订单号输入...

2020-05-27

61浏览

0评论

Vue中mintui的field实现blur和focus事件的方法

首先上代码说总结：<mt-field label="卡号" v-model="card.cardNo" @blur.native.capture="checkCard"></mt-field>methods: { checkCard() { console.log('1111'); }} 使用@b...

2020-05-27

176浏览

0评论

Vue中div contenteditable 的光标定位方法

在Vue做项目时,做了一个div[contenteditable=true]的组件作为文本输入框在非手动输入值后,光标会丢失,经测试以下这段代码可用,直接将光标定位到最后function keepLastIndex...

2020-05-27

112浏览

0评论

vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native

vue运行为v-on在监听键盘事件时，添加了特殊的键盘修饰符：<input v-on:keyup.13="submit">vue还非常贴心地给出了常用按键的别名，这样就不必去记keyCode ~ ~上面代码，还可以在这...

2020-05-27

104浏览

0评论

对Vue beforeRouteEnter 的next执行时机详解

背景今天在用vue实现界面的时候，想在beforeRouteEnter钩子函数中去获取数据，然后通过next方法设置到跳转页面的实例中，结果发现数据一直没办法在界面渲染的时候赋值，苦思不得其...

2020-05-27

57浏览

0评论

JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析

本文实例讲述了JS Object.preventExtensions(),Object.seal()与Object.freeze()用法。分享给大家供大家参考，具体如下：一、基本介绍 Method Description...

2020-05-27

46浏览

0评论

vue实现在一个方法执行完后执行另一个方法的示例

用Promise来实现function2(){ // 你的逻辑代码 return Promise.resolve(/* 这里是需要返回的数据*/)}function3(){ // 你的逻辑代码 return Promise.resolve(/* 这里...

2020-05-27

64浏览

0评论

vue中各选项及钩子函数执行顺序详解

在vue中，实例选项和钩子函数和{{}}表达式都是不需要手动调用就可以直接执行的。vue的生命周期如下图：在页面首次加载执行顺序有如下：beforeCreate //在实例初始化之后、创建之...

2020-05-27

57浏览

0评论

解决Vue.js由于延时显示了{{message}}引用界面的问题

在使用Vue写应用时发现一个问题，每当进入一些有延时的（如网络API请求）操作时，会先闪一下未编译的 Mustache 标签{{ message }}，这让人很不爽。在官网找到了解决方案：v-cloak参照官...

2020-05-27

热门文章