• 组件事件
    • 普通用法

    组件事件

    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>