Vue JS擴展了標准輸入控件，例如textarea

Question

使用vue.js：是否可以簡單地擴展標准HTML輸入而無需將其放入包裝元素中？

我想像這樣擴展textarea：

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

我嘗試將textarea標記用作vue模板的唯一標記和根標記，但這根本沒有用。

我知道，只需將其包裝在DIV標簽中，就可以實現自定義文本區域，例如：

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

那么，有沒有辦法避免使用wrapper標簽，而只是在vue.js中擴展textarea？

Answer 1

由於您將textarea作為唯一的根元素，因此可以使用template: '<textarea></textarea>' 。 Vue不會抱怨。