Closed codebykyle closed 3 years ago
Hello all,
I am receiving the following error when trying to build a library: Error: v-model can only be used on , and <select> elements.</p> <p>The error is the following: rollup-plugin-vue\dist\template.js:18:23</p> <p>I am unsure if there is a way to get past this error</p> <p>Here is a link to reproduce it, although, this example is not the best: <a rel="noreferrer nofollow" target="_blank" href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgbXNnID0gcmVmKCdIZWxsbyBXb3JsZCEnKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGgxPnt7IG1zZyB9fTwvaDE+XG4gIDxpbnB1dCB2LW1vZGVsPVwibXNnXCI+XG4gIDxpbWcgdi1tb2RlbD1cIm1zZ1wiIC8+XG48L3RlbXBsYXRlPiAiLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0">https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgbXNnID0gcmVmKCdIZWxsbyBXb3JsZCEnKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGgxPnt7IG1zZyB9fTwvaDE+XG4gIDxpbnB1dCB2LW1vZGVsPVwibXNnXCI+XG4gIDxpbWcgdi1tb2RlbD1cIm1zZ1wiIC8+XG48L3RlbXBsYXRlPiAiLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0</a>=</p> <h1>The expected behavior:</h1> <p>VueJS allows you to use v-model on any element which implements the <code>:value</code> data binding and emits the <code>@input</code> event.</p> <p>You can find this in the official documentation for custom components here: <a rel="noreferrer nofollow" target="_blank" href="https://vuejs.org/v2/guide/forms.html">https://vuejs.org/v2/guide/forms.html</a></p> <p>And here: <a rel="noreferrer nofollow" target="_blank" href="https://vuejs.org/v2/guide/components.html#Using-v-model-on-Components">https://vuejs.org/v2/guide/components.html#Using-v-model-on-Components</a></p> <p>The current implementation does not allow for this</p> <h1>The resulting behavior</h1> <p>The resulting behavior is that any component which implements the above pattern results in an error which cannot be built</p> <h1>Requested Changes</h1> <p>I believe there should not be a check on v-model on components. HTML element can support v-model provided it accepts a value emits an event, per the Vue2 documentation. It is possible there is something I am missing here, if so, any advice would be appreciated.</p> <p>Thank you</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/vue-bot"><img src="https://avatars.githubusercontent.com/u/26507650?v=4" />vue-bot</a> commented <strong> 3 years ago</strong> </div> <div class="markdown-body"> <p>Hello, thank you for taking time filling this issue! </p> <p>However, we kindly ask you to use our <a href="https://new-issue.vuejs.org/?repo=vuejs/rollup-plugin-vue">Issue Helper</a> when creating new issues, in order to ensure every issue provides the necessary information for us to investigate. This explains why your issue has been automatically closed by me (your robot friend!). </p> <p>I hope to see your helper-created issue very soon!</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>
Hello all,
I am receiving the following error when trying to build a library: Error: v-model can only be used on ,