Vue
Super_LD
来非有意去无心,流水闲云自在行~
展开
-
Vue Element校验validate 限制输入指定类型
Vue Element校验validate官方文档限制输入指定类型添加type限制即可,type包括以下值:例子:rules: { bannerType: [ { required: true, message: '请选择类型', trigger: 'change'} ], associateId: [ { required: true, message: '请选择公告', trigger: 'change'} ], associateDat...转载 2020-09-23 08:57:01 · 2546 阅读 · 0 评论 -
Element-UI 表单验证、以及清除验证、重置表单
代码如下:原创 2020-09-23 08:52:59 · 3826 阅读 · 0 评论 -
Vue 中英文 组件 样式 写法
Vue 中英文 组件 样式 写法Vue 项目国际化样式处理一、全局(main.js)添加自定义指令:v-lang 会自动添加 语言对应的 class 【中:zh,英:en】Vue.directive('lang', { // 当被绑定的元素插入到 DOM 中时…… inserted(el) { el.classList.add(i18n.locale); },});二、在需要兼容 英文 样式的组件内添加指令<div v-lang class="wrap转载 2020-09-21 14:46:48 · 673 阅读 · 0 评论 -
vue-resource和axios区别
vue-resourceVue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery。vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁。...转载 2018-06-16 19:36:40 · 13948 阅读 · 3 评论 -
vue 事件总线( vue-bus)非父子组件传值
vue-bus一个 Vue.js 事件中心插件,同时支持 Vue 1.0 和 2.0原因Vue 2.0 重新梳理了事件系统,因为基于组件树结构的事件流方式实在是让人难以理解,并且在组件结构扩展的过程中会变得越来越脆弱。虽然依然保留了父子组件间的事件流,但有诸多限制,比如不支持跨多层父子组件通信,也没有解决兄弟组件间的通信问题。Vue 推荐使用一个全局事件中心来分发和管理应用内的所有事件,详见文档。...转载 2018-06-14 23:28:16 · 6339 阅读 · 1 评论 -
Vue学习笔记一
Vue.js 是什么?Vue.js 是一套构建用户界面的渐进式框架。采用的是自底向上增量开发的设计(与其他重量级框架不同点)。Vue的核心库只关注图层,不仅易于上手,还便于与第三方库或既有项目整合。起步# helloword注意:不能将id = ‘app’写在body或者html中<script src = './vue.js'><script><div id = ...转载 2018-06-12 23:17:45 · 535 阅读 · 0 评论 -
Vue.js入门教程-过滤器
一、过滤器1.1 概述(1)过滤器(Filters)提供了一种 执行文本转换的方法,比如说都转换成大写字母或者几乎做任何我们想做的事情。(2)过滤器既可以在 双花括号插值 中使用,也可以在 v-bind 指令的 表达式 中使用。1.2 注意(1)Vue 中的过滤器 不能替代 methods、computed 或者 watch,因为过滤器 不改变真正的 data,而只是改变渲染的结果,并返回过滤后的...转载 2018-05-29 23:42:23 · 281 阅读 · 0 评论 -
vuex最简单、最详细的入门文档
如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 :<!--父组件中引入子组件-->...转载 2018-05-29 23:35:09 · 233 阅读 · 0 评论 -
Vue-Awesome-Swiper(Vue使用Swiper)
Vue-Awesome-SwiperSwiper4 component for Vue, support pc and mobile, SPA and SSR.If you need to roll back to Swiper3, use version v2.6.7.基于 Swiper4、适用于 Vue 的轮播组件,支持服务端渲染和单页应用。如果需要回退到 Swiper3,请使用 v2.6.7...转载 2018-06-03 21:33:05 · 5123 阅读 · 0 评论 -
Vuex核心概念 Module
Module由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。为了解决以上问题,Vuex 允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割:const moduleA = { state: { .....转载 2018-06-02 20:51:55 · 1642 阅读 · 0 评论 -
Vuex核心概念Mutation、Action
MutationActionMutation更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数:const store = new V...转载 2018-06-02 20:46:54 · 779 阅读 · 0 评论 -
Vuex核心概念State、Getter
StateGetterState#单一状态树SatteVuex 使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也意味着,每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段,在调试的过程中也能轻易地取得整个当前应用状态的快照。单状态树和模块化并不冲突——在后面的章节里我们会讨论如何将状态和状...转载 2018-06-02 20:43:41 · 748 阅读 · 0 评论