[英]alpine.js select/option init value
我有以下選擇/選項輸入
<script defer src="https://unpkg.com/alpinejs@3.xx/dist/cdn.min.js"></script> <div x-data="{ selected_id: 1, options: [{label: 'Foo', id: 0}, {label: 'Bar', id: 1}] }"> <select x-model="selected_id"> <template x-for="option in options"> <option:value="option.id" x-text="option.label"></option> </template> </select> <div x-text="selected_id"></div> </div>
初始選擇值是Foo但我將select_id指定為1對應於Bar 。
如何根據 selected_id 的值設置初始selected_id值？
找到解決辦法： https://github.com/alpinejs/alpine/issues/495
<script defer src="https://unpkg.com/alpinejs@3.xx/dist/cdn.min.js"></script> <div x-data="{ selected_id: 1, options: [{label: 'Foo', id: 0}, {label: 'Bar', id: 1}] }"> <select x-model="selected_id"> <template x-for="option in options"> <option:value="option.id" x-text="option.label":selected="option.id == selected_id"></option> </template> </select> <div x-text="selected_id"></div> </div>
我需要在 Alpine.js 組件的初始化處觸發一個“更改”事件
[英]I need to fire a “change” event at the init of an Alpine.js component
Alpine JS 根據 select 選項更改 label / 文本框值
[英]Alpine JS change label / textbox value based on select option
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.