实现效果：1、下载npm install mavon-editor -s2、引入在需求的组件页内引入该markdown和他的css样式。<template><div><MavonEditor ref="editor" v-model="doc" @save="saveDoc" @change="updateDoc"></MavonEditor>&lt

常用在明文传递不安全的地方，如密码登陆、卡号信息等如果前端使用md5对卡号进行加密，后端也要使用对应解密方法对其进行解密安装md5包npm install js-md5 -s安装成功在Vue原型链上添加md5为公用方法，也可以将其定义在公用方法文件中，需要时调用import md5 from 'js-md5' //引入Vue.prototype.$md5 = md5;//添加...

首先下载安装node.js新建一个文件夹，命名为serve，在该文件下创建app.js子文件，此为服务器入口初始化node,构建package.json在serve目录下运行npm init -y你会在根目录下得到一个package.json的文件或者通过npm init可能在命令行中会逐行提示一直回车，直到出现后输入Y同样能够得到package.json文件得到pac...

自学vue打包成app的时候，发现了一个问题，普通ui框架无法调用手机硬件的权限，所以我找了一下，发现Dcloud有一个5+specification可以间接实现这个功能，所以我就研究了一下用法。这个比较简单，只是想让其他小伙伴少绕一点弯路。由于本人没学原生和nt，所以不太清楚权限是不是全的。下面说一下用法。其实很简单，就只是找到项目目录下的单原页面：index.html然后使用document.

为的目的就是让用户在使用的时候不至于一直看到你的页面等待，优化用户的使用体验。使用的是Element-ui 的全局loading加载，以服务方式调用，使用Vuex，结合全局路由守卫与请求拦截器，实现这个内容。建议使用Vuex新建公用方法去修改状态。在Vuex的js文件中以服务的方式调用，引入 Loading 服务import { Loading } from 'element-ui';并在stat

通过正则限制用户输入内容的几种方式1.watch监听已知model — inputIntegarl<el-input v-model="inputIntegarl" style="width: 120px"></el-input>watch用法自行了解，通过输入内容赋值model的形式，将用户输入的内容转换，即实现限制用户输入的结果this.$common.re...

最近项目中有使用到Echarts的图表实例，一直查又嫌麻烦，自己总结一些使用上的内容，希望同时也能帮助到你。总体内容**1、Vue项目怎么使用Echarts**2、在使用带有时间轴内容时给时间轴绑定事件3如果不是Vue项目，可通过官网说明进行使用。**安装**```npm install echarts -S```**引入项目/使用**```main.js`````...

公用内容动态改变了全局参数，要求切换后刷新当前组件所有请求，或重新加载当前组件。因为我们在项目中加入了vue-routerapp.vue，就可以通过控制router-view去达到我们需求的效果。同时也要用到 provide/inject，个人列表类似vuex的辅助函数，跨越层级关系引入（注入）你的某个方法。app.Vue<template><div id="app" v-loa

在src目录下新建common公用方法文件夹用于存放公用方法列表common下新建common.js该示例定义存、取、删cookie方法1main.js中引入该文件，并将其添加到Vue原型链上import common from './common/common'Vue.prototype.$common = common//其中$common就是调用时所使用的方法紧接着定...

使用element - ui分页组件和table表格，对勾选中的数据进行分页回显（上页选中，点击分页后再次返回页面，勾选中的数据依旧被勾选）先看看效果仅为前端模拟数据处理，希望能给你一些启发这是引入的组件结构<el-tableref="multipleTable":data="showTableData"tooltip-effect="da...