表單選項互斥問題（vue）

最近有乙個需求：

表單中有3個多選框，而他們的選項是一樣的，但是如果其中乙個選項被選擇之後，在另外2個多選框裡面就不能再選了。

這樣的問題，讓我想到了「將桌球放入不同盒子」的例子。

// index.html

v-for="(category,index) in categories"
:key="index"
:class="['box', category, currcategory === category ? 'active' : null]"
@click="onboxclick(category)"
>

// main.js

const balls = array(12)
.fill(undefined)
.map((v, i) => (` : i + 1, category: null }))
const vm = new window.vue(),
computed: 
}return })}
},methods: 
},onballclick(id) }}
})

// styles.css

user-select: none;
}.ping-pong-list 
.ping-pong-ball 
.ping-pong-list .ping-pong-ball 
display: flex;
justify-content: space-around;
margin-top: 30px;
}.box 
.box.red 
.box.green 
.box.blue 
.box.active 
.ping-pong-ball.red,
.box.red .ping-pong-ball 
.ping-pong-ball.green,
.box.green .ping-pong-ball 
.ping-pong-ball.blue,
.box.blue .ping-pong-ball 
.ping-pong-ball.disable

表單選項互斥問題（vue）

最近有乙個需求 表單中有3個多選框，而他們的選項是一樣的，但是如果其中乙個選項被選擇之後，在另外2個多選框裡面就不能再選了。這樣的問題，讓我想到了 將桌球放入不同盒子 的例子。上 index.html v for category,index in categories key index clas...

vue單選框顯示預設選中問題

vue單選框預設選中，如圖 不能預設顯示 是否關鍵崗位 是 否 預設顯示 是否關鍵崗位 是 否 使用 prop傳遞資料格式為 數字 布林值或函式時，必須帶 相容string除外，具體看元件文件 比如 correct usage incorrect usage 其他元件使用規範 在非 template...

vue 表單驗證常見問題

表單驗證可以採用兩種方式 一 整個表單定義乙個驗證規則 例如 標註為加粗的必須設定 trigger blur 表示驗證何時觸發，還可以設定trigger blur change 當下拉框時trigger change rulevalidate user name 二 在formitem上直接定義驗證...