html标签可替换的内置组件怎么使用内置组件的属性?
发布于 6 年前 作者 oyi 4051 次浏览 来自 问答
// html
<textarea
  class="hdf-textarea-con"
  rows="5"
  [@blur](/user/blur)="removeScroll"
  [@focus](/user/focus)="scrollTo"
  [@input](/user/input)="change"
  :maxlength='maxCount'
  v-model="text"
  :placeholder="placeholder"
  //这样写,内置组件的属性不会生效
  :adjust-position="true"
  :cursor-spacing="40"
></textarea>

使用了html的textarea便签代替原生textarea组件;

但是原生textarea组件的原生属性我应该怎样使用呢,如:

cursor-spacing

show-confirm-bar

disable-default-padding

1 回复

直接使用即可,比如

<textarea :auto-height="true"></textarea>

PS:注意,vue 对于值为空的属性可能会删除,所以建议像上面例子中书写,而不要这样书写

<!-- 错误写法 -->
<textarea auto-height></textarea>
回到顶部