HOME > Vue.js> form

readonly 変更できないinput

編集画面など、選択肢を固定して変更できない様にしたい。

<input  v-bind:readonly="mode === 'edit'">

動かないと思ったら、radio や select にはreadonlyがなかった。^_^;
仕方がないから、選択させたくないものに、disabledを設定する。
関数化したもの

function set_disabled($name, $val){
	global $mode;
	if($mode =='edit' && $name != $val){
		echo 'disabled';
	}
}

<input type="radio" name="cat" value="個人" <?php
			set_disabled($vcat, '個人');
?>>