Vue
汪小穆
走在成为web前端大牛路上......
展开
-
【Vue】给quill-editor组件中的工具栏添加title
前言:quill-editor组件中的工具栏都是英文,而且最难受的时没有title提示,要怎样给他添加title,并且是中文的title提示呢? 一、创建一个quill-title.js文件①、在其中插入以下代码const titleConfig = { 'ql-bold':'加粗', 'ql-color':'颜色', 'ql-font':'字体', 'ql-co...原创 2018-11-26 08:47:39 · 6631 阅读 · 4 评论 -
【Vue】在quill-editor组件工具栏中添加自定义的方法(添加源码编辑功能)
前言:vue-quill-editor中缺少重要的源码编辑功能,我们现在就来给vue-quill-editor工具栏中添加一个源码编辑功能。一、实现代码①、新建一个quill-config.js// toolbar工具栏的工具选项(默认展示全部)const toolOptions = [ ['bold', 'italic', 'underline', 'strike'],...原创 2018-11-22 13:42:00 · 21804 阅读 · 30 评论 -
【Vue】如何巧妙使用computed
前言:watch是个很实用的属性。不但可以用来监听form标签值的变化,还可以用来监听对象属性的变化。一、案例一<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>...原创 2018-11-12 10:49:00 · 2922 阅读 · 1 评论 -
【Vue】点击组件外部隐藏组件自身
前言:在开发组件的时候,点击组件外部隐藏组件自身的这种情况很长见到,例如:时间选择框组件,下拉选择框组件等等。原创 2018-10-25 16:44:24 · 5774 阅读 · 13 评论 -
【Vue】quill-editor富文本编辑器组件的运用与修改配置使图片上传到服务器
前言:Vue的生态已经越来越繁荣,越来越多有趣好用的组件加入的生态中了。quill-editor富文本编辑器就是很好用的组件之一。 一、quill-editor的安装与使用①、安装npm install vue-quill-editor --save ②、引用组件<template> <div id="Test"> <qui...原创 2018-10-20 10:45:05 · 8826 阅读 · 11 评论 -
【Vue】keep-alive缓存路由跳转前的状态与使用陷阱。
前言:保存路由跳转前的状态这种应用场景还是很常遇到的,比如进行商品筛选,筛选出一些后,点击路由跳转到某个商品的详情页,然后返回页面时,我想让之前的页面能展示之前筛选出来的商品。原创 2018-09-22 18:09:27 · 8522 阅读 · 4 评论 -
【Vue】解决路由切换,页面不更新的实用方法
前言:vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换。这也会导致一个问题,就是引用相同组件的时候,会导致该组件无法更新,也就是我们口中的页面无法更新的问题了。原创 2018-09-22 17:27:09 · 68215 阅读 · 10 评论 -
【Vue】父组件使用v-model,实现子父组件动态传值。
前言:父组件与子组件直接的传值会有些小问题,特别是动态传值。一、实现动态传值<body><script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script><div id="box"> <new-input v-model="name"&原创 2018-09-17 11:43:23 · 9419 阅读 · 0 评论 -
【Vue】四种父组件与子组件双向数据绑定的方法
前言:见多了父组件向子组件传递数据,子组件向父组件传递数据,现在来玩玩父组件与子组件之间双向数据绑定,还有通过.sync修饰符,来优化这种写法。方法一:对象的引用关系<body><script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script><div id="box"&g...原创 2018-07-17 10:41:13 · 17418 阅读 · 3 评论