如何设置textarea的内容宽度？

Question

我正在使用react semantic ui textarea，我想根据其内容设置宽度。最小宽度没有帮助。有任何想法吗？

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

Answer 1

您可以在下面的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