如何设置内容宽度的文本区域?

时间:2019-03-27 07:36:31

标签: javascript css reactjs textarea semantic-ui

我正在使用react语义ui文本区域,我想根据其内容设置宽度。最小宽度没有帮助。有什么想法吗?

<Textarea
        key={idx}
        defaultValue={formattedText}
        className="customInput"
        maxLength="100"
        name={idx}
        onChange={e => this.handleChange(e)}
      />

1 个答案:

答案 0 :(得分:0)

您可以在Vue中绑定样式attr,如下所示:

<Textarea :style="widthContent"/>
export default {
    computed:{
     widthContent(){
       //caculate your width here
       return {width: ...px}
     }
   }
}

更多详细信息: https://vuejs.org/v2/guide/class-and-style.html