Vue
孔彬的技术专栏
这个作者很懒,什么都没留下…
展开
-
VUE修改页面标题
方法1修改index.html里的标题,修改后所有页面默认标题都将使用这个标题:代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scal...原创 2019-10-22 13:52:04 · 10780 阅读 · 1 评论 -
Vue实现百度搜索控件,搜索结果自动补全
介绍仿百度搜索实现的一个搜索功能控件,主要包括:自动提示、搜索历史等功能源码工程地址:示例源码效果图安装由于源码未创建npm包,所以请手动下载工具源码使用,谢谢!~使用方式import {tool_type_enum} from "./search_dictionary";import { setFavoriteHomeSearchKw, getFavoriteHome...原创 2019-10-31 09:59:14 · 3362 阅读 · 0 评论 -
Vue表单验证控件vuelidate
介绍Vuelidate控件,可以方便的实现表单验证功能。源码工程地址:vuelidate示例源码效果图安装npm install vuelidate使用方式步骤一:main.js中引入vue-touch//main.js中引入:import Vuelidate from 'vuelidate'Vue.use(Vuelidate)步骤二:引vue文件中引入验证项,如:i...原创 2019-10-29 21:43:41 · 3758 阅读 · 0 评论 -
Vue数据格式化:JSON、HTML、XML数据的格式化显示
介绍数据格式化编辑器: 方便你实现在线的数据格式化编辑与显示的工具。支持的数据格式包括:JSON、HTML、XML源码工程地址:vue_data_editor效果图安装由于源码未创建npm包,所以请手动下载工具源码使用,谢谢!~使用方式import VueDataEditor from './vue_data_editor'export default { name: '...原创 2019-10-28 21:26:31 · 8263 阅读 · 6 评论 -
Vue使用Echarts控件实现图表设计
介绍Echarts图形控件,可方便的对数据进行可视化的展示,支持折线、柱状、圆形等多种图表源码工程地址:Echarts效果图安装npm install echarts使用方式let echarts = require('echarts/lib/echarts')import 'echarts/theme/macarons.js'export default { name...原创 2019-10-22 16:44:57 · 3036 阅读 · 0 评论 -
Vue监听手机滑动事件vue-touch
介绍使用vue-touch插件手机滑动事件的监听,及后续操作的执行。源码工程地址:VueTouch效果图安装npm install vue-touch@next使用方式步骤一:main.js中引入vue-touch//main.js中引入:import VueTouch from 'vue-touch'Vue.use(VueTouch, {name: 'v-touch'})...原创 2019-10-22 15:37:40 · 18615 阅读 · 1 评论 -
Vue前端代码高亮编辑器Ace
介绍使用Brace插件实现代码高亮编辑器,方便你实现在线的代码编写工具。源码工程地址:Ace效果图安装npm install brace使用方式步骤一:使用ACE写一个代码高亮的编译器组件import ace from 'brace/index'import 'brace/mode/java'import 'brace/theme/eclipse'import './co...原创 2019-10-21 16:10:39 · 5882 阅读 · 3 评论 -
Vue使用echarts-wordcloud生成词云
介绍Echarts词云控件,可方便的对词组进行可视化的显示。源码工程地址:WordCloud安装npm install echartsnpm install echarts-wordcloud使用方式let echarts = require('echarts/lib/echarts')require('echarts-wordcloud');import 'echarts/t...原创 2019-10-17 21:18:17 · 25077 阅读 · 10 评论 -
Vue前端复制文本功能vue-clipboard2
介绍复制文本控件使用的是vue-clipboard2,可方便的实现复制需求。源码工程地址:Clipboard安装yum install vue-clipboard2使用方式步骤一:import ClipBoard from 'vue-clipboard2'export default ({Vue}) => { Vue.use(ClipBoard)}步骤二:e...原创 2019-10-17 20:24:24 · 2442 阅读 · 0 评论 -
Vue前端文本对比DIFF
介绍前端文本比对找了几个库: 分别是: CodeMirror、DiffMatchPatch、Mergely、vue-code-diff,最后选择用:vue-code-diff源码工程地址:DIFF安装yum install vue-code-diff使用方式import VueCodeDiff from 'vue-code-diff'export default { name...原创 2019-10-17 19:13:32 · 23227 阅读 · 20 评论