vue组件native修饰

vue组件native修饰

tip1: vue组件native修饰

这部分看了很多资料终于明白了。首先VUE中如果想要触发父组件中的自定义的click，需要子组件先监听click事件，监听到了以后，触发函数，函数中$emit，提交一个click。这时候父组件监听到了click就可以调用click后面的函数。

这个可以参照之前写的博客

https://blog.youkuaiyun.com/qq_38972783/article/details/94381657

其中tip6讲了关于这部分的内容(要注意的是博客里面我写的是delete，但这个名字不重要，可以改成click就符合这里的题设了)

但可以知道的的是，click这个自定义事件长得样子和原生click一样的，但是这里却需要在子组件里监听返回一个click参数。这样的话父组件的@click完全可以换成别的，只有他的监听和子组件传出来的值一样就好。

那么为了使用原生@click，就要加个native。这样就不用子组件传值了，直接自己就实现了监听点击，当然这里也不能再把click的样子换了，毕竟这里已经是原生DOM

今天的代码里面一个button组件内有一个@click.native.pervent里面这个pervent相当于取消默认事件，但我没搞明白对于一个按钮有啥好取消默认事件的。但是这个问题已经浪费太多时间导致今天又得加班了，所以不去深究了，毕竟对于代码能用就行，我这种遇问题较真太容易进坑里浪费太多时间。就像导师说的等你都学会了怕是学期都结束了

此外el-button标签里面@click后面这个.native.pervent我试了一下，是可以加也可以不加，没影响的。这个网上有人说的是可能库里面改过。

今日完成：

今天老师帮忙把项目上线，这样前端就可以调用新增的api，这样就完成了增删的功能

之后完成了自动刷新，这个比较简单，就是调用查询接口给双向绑定的值赋值

之后增删有了，还没有改，所以需要加一个更改api然后在页面上实现，这个还没有做但比较容易，主要是前后端都要进行一下输入值的判断，比如非空啊，还有防止过长，还有输入的要求是数字啊之类的，这个在后端如何判断没接触过今天查了查还没搞通。

今天时间有点浪费了，为了搞懂vue组件native修饰，看了十几篇博客，质量只有一篇好一点，结果耽误了两个小时才搞明白。以后还是实践为主能用就行，不能总浪费时间钻牛角尖。