
Vue2
vue2
Eason_qyl
......
展开
-
动态表单以及多表单校验(一)
需求:在弹出的Dialog中,点击新增按钮,生成一个或多个表单,可以取消,保存和关闭(取消,保存,关闭都需要重置表单value)分析:既然是多表单,那么肯定是放到数组中用来保存,然后点击新增按钮,会push一个数组对象进去实现:1.定义表单组件: FormComponent.vue<section class="form-wrapper"> <el-form :model="dynamicForm" label-width="100px" :rules="rules原创 2022-05-23 15:32:07 · 1612 阅读 · 0 评论 -
vue Dom中的Boolean 属性 props 无法动态更新
问题描述:子组件中props 值改变,但是视图无法动态更新// html<el-table :class="[expand ? 'expand-height' : 'default-height']"></el-table>export default { props: { isExpand: { type: Boolean, default: false } }}watch: { isExpand: { handler: fu原创 2021-09-29 17:58:51 · 846 阅读 · 0 评论 -
vuex-persistedstate 持久化插件
既然是一个插件,那首先我们得安装它,然后再使用npm install --save vuex-persistedstate// 或npm i -S vuex-persistedstate在 store 文件夹下的 index.js 文件中我们引入:import Vuex from 'vuex'import Vue from 'vue'import createPersistedState from 'vuex-persistedstate'import * as Cookies from原创 2020-08-19 11:09:11 · 1004 阅读 · 0 评论 -
vue中$nextTick()作用
vue更新数据是异步的1.0 中确实是通过 v-el:xxx 标记 dom 然后在组件里通过 this.$els.xxx 就可以获得这个 dom 对象了$nextTick(() =&gt; {}) 与DOM相关操作写在该函数回调中,确保DOM已渲染什么是Vue.nextTick()官方文档解...转载 2018-07-04 21:46:59 · 562 阅读 · 0 评论 -
[Vue warn]: The data property "dialogVisible" is already declared as a prop. Use prop default value
在使用Vue开发中,使用组件时报了这么一个错误:[Vue warn]: The data property "dialogVisible" is already declared as a prop. Use prop default value 翻译过来就是:数据属性“dialogVisible”已经声明为一个prop。使用prop默认值代替。经过查找是在组件传值时,传递过来了一...原创 2018-12-14 17:29:01 · 12155 阅读 · 0 评论 -
Vue 源码学习推荐
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。它也提供了各种Directives,Component,Template,...原创 2019-01-08 10:14:59 · 457 阅读 · 0 评论 -
vue中axios跨域的处理(以修改webpack配置文件的方式)
在前端开发过程中会遇到跨域问题,在vue中以axios的方式来处理跨域,我们用到的是webpack修改配置文件的方式。主要实在proxyTable这个对象中做一些相关的配置。1.修改config文件夹下面的index.js文件,在dev的大括号里面添加如下代码proxyTable: { //自己起个名字 到时候在axios里面引入这个名字 这个名字就代表下面的那个路径/mock/vue...原创 2019-09-07 17:52:08 · 463 阅读 · 0 评论