如何在VueJs中使用自定义的内置元素

时间:2019-05-16 07:05:54

标签: vue.js built-in custom-element

我做了一个自定义元素,扩展了<button is="my-button">之类的内置元素。但是当我在VueJs中使用它时,它不起作用。因为也许VueJ为其组件使用is属性。

对此有什么好的解决方案吗?

  • <button is="my-button">-> <my-button>: Vue尝试使其组成。然后我的按钮坏了。

  • <button is="my-button" v-pre>: 它适用于button元素,但按钮中的数据绑定无效。

  • <button v-my-custom-directive="'my-button'">: 它有效,这是我最新的解决方案...但是看起来很丑。我应该使用引号来避免undefined variable error。我不想建议其他在VueJs中使用我的元素的人。

示例代码:https://jsbin.com/yucojat/2/edit?html,js,output

0 个答案:

没有答案