微信小程序input宽度根据填写文字变化

可以通过监听 input 组件的输入事件，获取输入内容的长度，然后动态设置 input 组件的宽度。具体实现步骤如下：

1. 在 input 组件上绑定输入事件：

<input bindinput="onInput" />

2. 在对应的 Page 或 Component 中定义 onInput 方法：

onInput: function(event) {
  const inputLength = event.detail.value.length
  const inputWidth = inputLength * 16 + 'rpx'
  this.setData({
    inputWidth: inputWidth
  })
}

3. 在 data 中定义 inputWidth 变量，初始值为一个合适的宽度：

data: {
  inputWidth: '200rpx'
}

4. 在 input 组件上绑定动态的样式：

<input bindinput="onInput" style="width: {{inputWidth}}" />

这样，当用户输入内容时，input 组件的宽度会根据输入内容的长度动态变化。其中，16 和 'rpx' 是示例值，可以根据实际情况进行调整。