vue2.0全家桶+elementui开发遇到的脑残问题

本文涵盖Vue.js的多个核心知识点,包括树形插件使用、跨域配置、父子组件通信、表单元素定制、组件间信息传递、子组件修改父组件数据的方法以及element UI的特定应用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.树形插件删除必须有node-key=id




2.vue20.配置跨域问题config ----> index.js ----->-proxyTable对象




3.vue 父子组件之间通信  传给子组件的数据在子组件标签写入  子组件用props接收

4.elementui  表格里插入下拉框:表格里加template标签 template标签里加入下拉框




5.组件之间信息传递  多方面原因没用vuex   可以新建一个中间文件

这是public.js文件里的内容

.vue文件里引入public.js

如 import bus from ‘./public.js’

要传递数据的vue文件里事件里触发 bus.$emit('event',data)

要接收数据的vue文件里接收bus.$on('xiugai',function(data) {}); data就是接收过来的数据





6.在vue2.0之后的版本中,不允许子组件直接改变父组件的数据,在1.0的版本中可以这样操作的,但是往往项目需求需要改变父组件的数据,2.0也是可一个,区别是,当我们把父元素的数据给子组件时,需要传一个对象。


这是父组件的数据

子组件标签传递


子组件事件里修改父组件同步改变




7.获取select内容值 不是绑定的value 以及table里所有的数据




8.element ui input  change事件获取直接获取value  blur事件不能直接获取




9.vue渲染数据



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值