
Vue篇
Alecor
不要被对象、属性、方法所迷惑,最根本的是了解最基础的知识。
展开
-
ElementUI select设置多选(multiple) 后自动触发formItem校验
解决方法:在Vue生命周期created函数中重置一下触发的参数 created() { // 解决select设置多选(multiple) 触发formItem校验 this.$set(this.sqlData, 'table', []) },原因:等有空了在分析;原创 2020-07-27 17:27:02 · 2637 阅读 · 1 评论 -
Vue Element-ui 表单重置
案例<script> export default { data() { return { // 表单 form: { input: '' } } }, ... methods: { // 重置表单方法原创 2020-07-06 11:48:50 · 357 阅读 · 0 评论 -
Vue子组件中渲染动态组件无效(第一次无效、第二次有效)
问题分析今天在写代码的时候,用到了 Vue框架的动态组件,本来用的好好的(具体用法参考官方文档),后来改进了一下业务功能,在子组建中也使用了和父组件相同的动态组件方法,由于子组件采用对话框i的形式,但是子组件中的动态组件却没有加载出来;准确来说是 第一次没有加载出来,返回上一级界面,重新进入组件,在打开对话框子组件有加载出来了引入Vue 和 ElementUIparent.vue&...原创 2019-07-27 12:15:28 · 6723 阅读 · 3 评论 -
Vue 自定义v-model
今天在用Vue写组件的时候,由于业务需要,需要用到动态组件,由于组件传值使用的是$emit,感觉这玩意要在父组件接收,觉得有点麻烦,不是我想要的,因此看了一下自定义v-model,挺好使,就记录一下;官网的介绍:动态组件<input v-model="something">其实就是下面的语法糖<input :value="something" @:input=...原创 2019-05-06 20:42:12 · 2998 阅读 · 1 评论 -
React、Vue 封装axios实践
目前在使用前端主流的三大框架 Angular、React和Vue时,都可以配合着axios一起使用,我自己在构建React和Vue项目时候,都是使用同一套axios配置,我这里就把自己配置的方法记录一下;安装npm 安装 axios,我自己是基于npm创建React和Vue项目的,用法很简单,两个框架安装的语句是一样的。npm instal axios --save配置axios新建...原创 2019-02-13 18:43:56 · 2011 阅读 · 2 评论 -
vue异步组件与组件懒加载(解决import不能导入变量字符串的路径问题)
在写项目的时候,需要动态配置路由菜单,所有的菜单都是通过配置生成的,这就意味着菜单的路径(在vue开发项目里面就是一个字符串的路径)需要异步加载进去,但是由于对webpack的import不是很熟悉,所以就有一下的坑需要填了错误的原因分析_import.jsmodule.exports = file => () => import(file)但是这种方法错误的原因是:we...原创 2018-10-15 11:55:42 · 13203 阅读 · 11 评论 -
解决 ElementUI form表单在dialog中重置表单,无法正确重置的问题
问题描述: 在用ElementUI做动态表单时,数据的修改都是打开dialog(子组件)中进行操作的,但是在修改数据时,正常来说可以直接调用 this.$refs[str].resetFields() 直接清空,但是这里会出现一个问题:**form表单的重置是以第一次打开的数据作为重置标准,如果先打开的是更新,那么重置之后以第一次更新的数据作为标准; Dialog 中的内容是懒加...原创 2018-09-14 15:22:49 · 9684 阅读 · 1 评论 -
vue引入js
在Vue.js应用中,可能需要引入Lodash,Moment,Axios,Async等非常好用的JavaScript库。当项目变得复杂庞大,通常会将代码进行模块化拆分。可能还需要跑在不同的环境下,比如浏览器,服务端。如何在各个模块和组件文件中引入需要的库呢? 找到一种简单靠谱的方式,可以省去很多的麻烦。错误示范全局变量法最不靠谱的方式就是将导入的库挂在全部变量window 对象下:...转载 2018-01-29 21:10:17 · 1365 阅读 · 0 评论 -
VUE引入第三方插件
vue 引入第三方插件方法:1⃣️: 如果是第三方 npm 模块文件文件统一放入src/assets/js 文件夹下;统一在main.js 内引入: import parse from ‘./assets/js/plugin.js’ import ‘./assets/js/plugin.js’;2⃣️:如果是第三方非 npm 模块文件需要webpack.base.conf 配置,如引入s原创 2017-06-30 10:19:58 · 3412 阅读 · 0 评论 -
Vue.js2.0之组件篇
本篇文章不做基本的安装功能;具体安装步骤教程请跳转Vue2.0快速入门以及中文官网;本篇文章所有的代码编写均在Vue2.0的基础上完成,请区别于Vue1.0版本;什么是组件?组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元原创 2017-04-09 00:51:44 · 5341 阅读 · 1 评论