76浏览

0评论

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

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

• 2020-05-27

52浏览

0评论

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

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

• 2020-05-27

115浏览

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

52浏览

0评论

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

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

• 2020-05-27

87浏览

0评论

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

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

• 2020-05-27

48浏览

0评论

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

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

• 2020-05-27

55浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

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

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

• 2020-05-27

95浏览

0评论

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

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

• 2020-05-27

85浏览

0评论

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

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

• 2020-05-27

69浏览

0评论

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

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

• 2020-05-27

73浏览

0评论

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

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

• 2020-05-27

35浏览

0评论

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

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

• 2020-05-27

59浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

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

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

• 2020-05-27

43浏览

0评论

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

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

• 2020-05-27

76浏览

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

69浏览

0评论

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

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

• 2020-05-27

73浏览

0评论

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

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

• 2020-05-27

40浏览

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

332浏览

0评论

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

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

• 2020-05-27

70浏览

0评论

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

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

• 2020-05-27

53浏览

0评论

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

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

• 2020-05-27

50浏览

0评论

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

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

• 2020-05-27

89浏览

0评论

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

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

• 2020-05-27

54浏览

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

168浏览

0评论

Vue中div contenteditable 的光标定位方法

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

• 2020-05-27

96浏览

0评论

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

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

• 2020-05-27

99浏览

0评论

对Vue beforeRouteEnter 的next执行时机详解

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

• 2020-05-27

48浏览

0评论

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

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

• 2020-05-27

42浏览

0评论

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

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

• 2020-05-27

55浏览

0评论

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

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

• 2020-05-27

52浏览

0评论

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

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

• 2020-05-27

53浏览

0评论

解决vue.js 数据渲染成功仍报错的问题

最近在做一个vue项目，用的是官方推荐的axios请求数据，数据结构是一级对象嵌套二级对象，发现一级对象数据渲染不报错，二级数据渲染报错。很是郁闷！data函数如下 export default {...

• 2020-05-27

41浏览

0评论

JavaScript中创建原子的方法总结

前言原子操作这是Java多线程编程的老生常谈了。所谓原子操作是指不会被线程调度机制打断的操作；这种操作一旦开始，就一直运行到结束，中间不会有任何 context switch （切换到另一...

• 2020-05-27

52浏览

0评论

Vue.js图片预览插件使用详解

Vue.js 是什么Vue (读音 /vju&#720;/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视...

• 2020-05-27

33浏览

0评论

JS常见构造模式实例对比分析

本文实例分析了JS常见构造模式。分享给大家供大家参考，具体如下：1.工厂模式没有解决对象识别的问题。因为函数内部使用了new Object来创建对象function Factory(name,age){ v...

• 2020-05-27

76浏览

0评论

vue.js 图片上传并预览及图片更换功能的实现代码

这里讲解是图片上传和图片预览。主要是围绕我们常用功能的列子做讲解 ,并且没有格外引入其他js 所以你复制过去做简单修改便可以看到效果效果图：样式以及效果图一并展示1.HTM...

• 2020-05-27

79浏览

0评论

解决vue中修改export default中脚本报一大堆错的问题

在写vue代码的时候遇到了一修改.vue文件中export default下脚本的时候总是报一堆莫名其妙的错误的问题:出错原因：在构建项目的时候Use ESLint to lint your code&#63; (Y/n)...

• 2020-05-27

64浏览

0评论

Node.js连接Sql Server 2008及数据层封装详解

本文实例讲述了Node.js连接Sql Server 2008及数据层封装。分享给大家供大家参考，具体如下：最近需要学习Node.js，所以很久没写东西了，疯狂的看了很久的书。有关于Node.js的学习知...

• 2020-05-27

83浏览

0评论

vue 修改 data 数据问题并实时显示的方法

首先，定义一个变量：（以下以本人写的为例）首先定义一个变量：然后，给变量赋值：如果想要修改数据，主要代码如下:然后界面上要记得绑定数据id:就Ok了。拓展知识：Vue刷新修改页面中的数据...

• 2020-05-27

92浏览

0评论

解决vue接口数据赋值给data没有反应的问题

问题：就是我在接口赋值给了data的变量，然后组件的效果没有出来（我的是旋转效果）代码如下：data() { return { slides: [] }},mounted() { this.request()},methods: { request()...

• 2020-05-27

73浏览

0评论

解决vue中修改了数据但视图无法更新的情况

我们有时候常碰到vue中明明修改了数据，但是视图无法更新，因此我总结了一点点碰到此类的情况：1、v-for遍历的数组，当数组内容使用的是arr[0].xx =xx更改数据，vue无法监测到数组数...

• 2020-05-27

55浏览

0评论

vue项目打包部署到服务器的方法示例

上上一篇我写过一些关于vue项目部署到linux服务器的文章，但是那是以node作为开发环境 pm2 守护进程的方式，让他能正常运行，可是还是出现了问题，因为属于与APP交互的页面，在webVie...

• 2020-05-27

79浏览

0评论

vue实例中data使用return包裹的方法

在简单的vue实例中看到的Vue实例中data属性是如下方式展示的：let app= newVue({ el:"#app", data:{ msg:'' }, methods:{ }})在使用组件化的项目中使用的是如下形式：export...

• 2020-05-27

65浏览

0评论

Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)

1、使用Vue.js实现双向表单数据绑定，例子<!--html代码--><!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title...

• 2020-05-27

50浏览

0评论

Vue cli构建及项目打包以及出现的问题解决

1. 首先安装node,推荐偶数版本;好了之后检查一下: node -v;出现版本好即为安装成功;win10家庭版本的msi版本的时候出现无法打开,更别说安装,可以自行百度;2.nmp install vue...

• 2020-05-27

87浏览

0评论

vue打包使用Nginx代理解决跨域问题

vue 在开发环境，涉及跨域，就在本地配置了代理，但是部署到服务器上，就不行了。
解决方法有一下几种 服务器端配置CORS 用nginx反向代理,和访问本地服务器是一样的 可以修改成...

• 2020-05-27

121浏览

0评论

vue监听input标签的value值方法

由于项目需要做实时搜查询数据,所以需要监听input标签的value,这里使用的前端框架vue<input id="materialSearch" type="text" @keyup.enter="search" @input="search($even...

• 2020-05-27

105浏览

0评论

VUE-Table上绑定Input通过render实现双向绑定数据的示例

效果HTML的Table<Card> <div ref="print" > <Table width="100%" height="500" size="small" :columns="columns7" :stripe="true" :data="data" border ></Table...

• 2020-05-27