Блог

Главная - Вопросы по программированию - Как задать текстовое поле с шириной содержимого?

Как задать текстовое поле с шириной содержимого?

#javascript #css #reactjs #textarea #semantic-ui

#javascript #css #reactjs #текстовое поле #семантический пользовательский интерфейс

Вопрос:

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

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

Комментарии:

1. Я думаю, вам нужно будет написать функцию (onChange => Рассчитать ширину). В Semantic Ui для этого нет какого-либо готового решения.

Ответ №1:

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

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

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