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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

一、状态管理（vuex）简介vuex是专为vue.js应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。vuex也集...

今天在引入路由参数和状态组件的时候发现一直报空找不到，但是我在控制台查看还能找得到一直超费解，直到我在其他组件单独测试的时候又可以了这是测试正常的test1s : function(...

api：https://vuex.vuejs.org/zh/guide/getters.html场景：在登录时将登录得到的用户信息存储在vuex的state和sessionStorage中。使用时在state中获取，当因为刷新等原因导致state...

为了防止store变的过于臃肿，我们可以为store注册模块，模块默认是属于全局命名空间的，也就是说当用下列代码分发action时，任意模块只要action中有addNews，就会得到执行 this.$stor...

需求：根据特定条件，增加或者去掉click事件（例如：clickFlag == true时，添加click事件；clickFlag == false时，去掉click事件；）解决方法：方式一：在绑定事件中直接添加标示量clickFlag<div...

组件绑定事件时1. 普通组件绑定事件不能添加.native, 添加后事件失效2. 自定义组件绑定事件需要添加.native, 否则事件无效<template> <!-- <mt-field label="用户名" place...

最近使用vue学习开发移动端的项目，使用了bette-scroll插件做滚动。在引入better-scroll的组件中使用@click事件的时候，点击事件失效，v-on:click、v-bind:click、@click.native...

vue不推荐直接在子组件中修改父组件传来的props的值，会报错[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent compone...

1. yarn add vue-resource2. main.js引入vue-resourceimport Vue from 'vue'import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'import App from './App.vue'impo...

如下所示：<div class="status_button"> <el-button type="success" @click="checkSite" >查岗</el-button> <el-button type="danger">视频</el-button> </d...

html部分<el-select style="width: 200px;margin-left:5px;" v-model="queryType" slot="prepend" class="filter-item" @change="changepara"> <el-option v-for="(ite...

需求：随机生成不同的如下图标的背景颜色方法：本来通过计算属性渲染出随机颜色，然而计算属性是一次性获取值，即使你把RandomColor引入v-for中也没有用，得到的只会永远是同一颜色，除...

今天写了个小功能，看起来挺简单，写的过程中发现了些坑。1.div没有disabled的属性，所以得写成button2.disabled在data时，默认是true，使得初始化时，默认置灰按钮，无法点击<div class=...

创建watermark.js文件let watermark = {}let setWatermark = (str) => { let id = '1.23452384164.123412416'; if (document.getElementById(id) !== null) { document.bod...

应用背景浏览论坛的贴子（数据库的数据通过vue遍历在html页面上）点击帖子的标题、图片，可以查看详细的帖子（点击事件获取id）1、设置一个隐藏值的放置Id的div，点击div就获取id，传参到...

一开始接触到vue的for循环就觉得贼好用，重复性的东西再也不用ctrl C+ctrl V了好吗。不仅代码可复用了，而且提高了代码可读性、减轻了工作量，更重要的是写代码都有成就感了。贴...

本文实例讲述了js实现的在本地预览图片功能。分享给大家供大家参考，具体如下：移动web<body><form enctype="multipart/form-data" name="form1">上传文件：<input id="f" type="...

本文实例讲述了JS+html5实现异步上传图片显示上传文件进度条功能。分享给大家供大家参考，具体如下：<html> <head> </head> <body> <p> emo_album_id:<input type="te...

本文实例讲述了JS实现的进制转换，浮点数相加，数字判断操作。分享给大家供大家参考，具体如下：<script>document.write("整数转换函数：parseInt(数据,底数)<br>");document.write("...

点击复制功能主要通过 clipboard.js 来实现在vue中使用clipboard.js 时候发现一个问题，就是如果不是input或者button 按钮的话，则复制不成功，使用步骤如下：1、引入clipboard.js，...

介绍：在做复制文档功能时，考虑到是个不太会复用的小功能，最后选择直接用 document.execCommand 方法实现。在查阅资料时候，发现其他人都需要在页面上写上结构、ID。然后捕捉某个...

上网上翻了翻，共找到两种方式CSS样式控制，只需将下面代码复制到 vue应用下，index.html文件中的body标签上*{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-u...

在页面中显示数组数据时发现了一个问题，当在methods方法中修改数组数据后，虽然数组已经发生改变，但是改变后的数据并没有渲染到页面上。这是因为在VUE中，如果在实例创建之后添加...

在使用数组的时候，数组内部数据发生改变，但是与数组绑定的页面的数据却没有发生变化。<ul> <li v-for="(item,index) in todos" :key="index">{{item.name}}</li> </ul>data...

如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。业务介绍：模拟后台数据向DOM树上遍历数据，再向数据里添加状态属性，根据状态改变显示图片，默认nochecked.png，点击时...

父组件向子组件传值<div id="app"> <!-- 父组件，可以在引用子组件的时候， 通过 属性绑定（v-bind:） 的形式, 把 需要传递给 子组件的数据，以属性绑定的形式，传递到子组件内部，供子...

AngularJS 简介AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。拦截器在开...

一、父组件向子组件传递数据1、首先形成父子组件关系 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="../js/vue.js...

vue动态循环出的多个select出现过的变为disabled<template> <div class="artcle"> <el-form label-width="100px" :model="testForm"> <el-form-item v-for...

引言
目前的项目中使用了node，作为一个简单的后端服务，随着承担着越来越多的线上业务的服务，就要求了服务端的稳定性，而其中最重要的一点就是服务保活。有进程终止后自动重启的...

>初学ssr入坑初学vue服务端渲染疑惑非常多，我们大部分前端都是半路出家，上手都是前后端分离，对服务端并不了解，不说java、php语言了，连node服务都还没搞明白，理解服务端渲染还是有...