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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Mustache (双大括号写法)不能在 HTML 属性中使用，应使用 v-bind 指令：<div v-bind:id="dynamicId"></div>这对布尔值的属性也有效 —— 如果条件被求值为 false 的话该属性会...

1.首先引入import { Toast } from 'vant'写个小列子绑定一个click事件2.写事件在methods写方法showToast() { this.$toast({ message: "今日签到+3", }) },3.效...

如下所示：<add v-bind:子组件的值="父组件的属性"></add> <div id="app"> <add v-bind:btn="h"></add> </div> <script> var vm = new Vue({ el: '#app', data:...

基于vue.js这里写了一个小列子；涉及到 vue.js动态添加css样式 ，tab切换 ，touch，表单提交，验证，toast，数据双向绑定等。先上效果图再一一讲解：一、首先用到的是动态修改css点击X将隐...

父子组件通信这个官网很清楚，也很简单，父组件中使用v-bind绑定传送，子组件使用props接收即可例如：父组件中<template> <div> <head-top></head-top> <section class="dat...

环境：vue、webpack、constone资料来源及文件：https://github.com/GleasonBian/CornerstoneVueWADO需要下载的模块：cornerstone-core、dicom-parser需要下载的js文件：压缩文件可...

本文实例讲述了JS实现匀速与减速缓慢运动的动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.freexyz.cn...

Vuex使用单一状态树（一个对象就包含了全部的应用层级状态），它作为唯一数据源存在，每个应用仅仅有一个store实例。单一状态树使得我们能够直接定位任一特定的状态片段，在调试过程...