小编Nea*_*els的帖子

当输入在页面加载或用户更改时有值时更新 Alpinejs x-data

我有点失落。如果文本输入有值,无论是在页面加载时(如果输入已预填充)还是在用户输入值时,我都需要向标签添加一个类。如果用户从输入中删除文本,我需要删除这些类。

.has-value {color:red}
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/2.3.0/alpine.js"></script>

<form x-data='{value:false}'>
  <label for='example' :class='{"has-value": value }'>Label </label>
  <input id='example' name='example' type='text' x-on:change='value = true' />
</form>
Run Code Online (Sandbox Code Playgroud)

javascript tailwind-css alpine.js

1
推荐指数
1
解决办法
6448
查看次数

标签 统计

alpine.js ×1

javascript ×1

tailwind-css ×1