vue-goodshare icon indicating copy to clipboard operation
vue-goodshare copied to clipboard

VueCompilerError: v-model can only be used on <input>, <textarea> and <select> elements

Open proea opened this issue 3 years ago • 8 comments

There is incorrect usage of v-model in Facebook.vue: https://github.com/koddr/vue-goodshare/blob/73d146f6a9ec1507e9079ab99ccc81ef2760a858/src/providers/Facebook.vue#L17-L21

node_modules/vue-goodshare/src/providers/Facebook.vue:19:7
17 |      <span
18 |        class="counter-facebook"
19 |        v-model="counter_facebook"
   |        ^^^^^^^^^^^^^^^^^^^^^^^^^^
20 |        v-if="this.$props.has_counter"
21 |      >

webpack compiled with 2 errors

proea avatar Jul 20 '22 14:07 proea

Thanks for opening your first issue here! 🎉 Be sure to follow the issue template!

welcome[bot] avatar Jul 20 '22 14:07 welcome[bot]

👋 Hello. Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Sep 21 '22 04:09 stale[bot]

I can confirm that this issue is still relevant when using vue 3.2.39

EisFrei avatar Sep 27 '22 09:09 EisFrei

I can confirm that this issue is still relevant when using vue 3.2.39

Hi,

Can you please try to another Vue.js version?

koddr avatar Sep 27 '22 15:09 koddr

Hi,

Can you please try to another Vue.js version?

The error message was added three years ago, so I suppose it affects the versions that were released in the last 3 years.

v-model is a two-way binding and doesn't serve any purpose on a span. Having {{ counter_facebook }} will suffice to output the number.

I tried removing all v-model="counter_*" instances and everything works as intended.

Will you accept a PR removing the v-models?

EisFrei avatar Sep 27 '22 20:09 EisFrei

+1 same issue here

JuanxCursed avatar Apr 01 '23 17:04 JuanxCursed

👋 Hello. Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Jun 01 '23 12:06 stale[bot]

Yes it still exists. Vue version 3.3.2

Akonibrahim avatar Jun 17 '23 05:06 Akonibrahim