vue js扩展标准输入控制，例如textarea的

Question

使用vue.js：是否可以简单地扩展标准HTML输入而不将其放在包装元素中？

我想像这样扩展textarea：

Vue.component('custom-textarea', {
  data () => {
    return {
    }
  },
  template: '<textarea></textarea>'
});

我尝试使用textarea标记作为vue模板的唯一和root标记，但这根本没有用。

我知道，我可以通过简单包装来实现自定义文本区域，例如在DIV标签中：

template: '<div><textarea></textarea></div>'

那么，有没有办法避免使用包装器标签并简单地在vue.js中扩展textarea？

Answer 1

由于您有textarea作为唯一的根元素，因此您可以使用template: '<textarea></textarea>'执行您正在执行的操作。 Vue不会抱怨。