组件事件

TIP

1.0.9+

  • change事件
  • click事件
  • focus事件
  • blur事件

普通用法

组件事件 - 图1

目前组件有4个事件change,click,focus,blur

  1. <avue-form :option="option" v-model="obj"></avue-form>
  2. <script>
  3. export default {
  4. data() {
  5. return {
  6. obj: {
  7. name: '11'
  8. },
  9. data: [],
  10. option: {
  11. column: [{
  12. label: '姓名',
  13. prop: 'name',
  14. change: () => {
  15. this.$message.success('查看控制台')
  16. console.log('值改变')
  17. },
  18. click: () => {
  19. this.$message.success('查看控制台')
  20. console.log('点击事件')
  21. },
  22. focus: () => {
  23. this.$message.success('查看控制台')
  24. console.log('获取焦点')
  25. },
  26. blur: () => {
  27. this.$message.success('查看控制台')
  28. console.log('失去焦点')
  29. }
  30. }]
  31. }
  32. }
  33. }
  34. }
  35. </script>