vue js 扩展标准输入控件，例如文本区域

Question

使用 vue.js：是否可以简单地扩展标准 HTML-input 而无需将其放入包装器元素中？

我想像这样扩展文本区域：

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

我试过将 textarea 标签用作 vue 模板的唯一标签和根标签，但根本没用。

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

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

那么，有没有办法完全避免包装标签并简单地扩展 vue.js 中的文本区域？

Answer 1

因为你有 textarea 作为唯一的根元素，你可以使用 template: '<textarea></textarea>' 来做你正在做的事情。 Vue 不会报错。

vue js extend standard input control e.g. textarea