Как установить textarea с шириной содержимого?

Question

Я использую реагирующее семантическое UI textarea, и я хочу установить ширину на основе его содержимого. минимальная ширина не помогает. Есть идеи?

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

Answer 1

Вы можете связать стиль attr в vue, как показано ниже

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

Подробнее: https://vuejs.org/v2/guide/class-and-style.html