useMyinput.vue 459 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <div style="margin-top: 200px;">
  3. myinput: <myinput v-model="val" @focus="myfocus" />
  4. <div>{{ val }}</div>
  5. parent: <input v-model="val" />
  6. </div>
  7. </template>
  8. <script>
  9. import myinput from "./myinput";
  10. export default {
  11. name: "useMyinput",
  12. data() {
  13. return {
  14. val: 3,
  15. };
  16. },
  17. methods: {
  18. myfocus(e) {
  19. // console.log(this.val);
  20. console.log(e);
  21. },
  22. },
  23. components: {
  24. myinput,
  25. },
  26. };
  27. </script>