Vue.js 实现选择框验证:当选项为空时弹出提示
"<template" v-for"="item in record"><tr v-for"="children in item.children"><td colspan"="6" class"="col2"><span style"="color:#0000ff">{{children.title}}<td colspan"="2" class"="col2" v-for"="i in 5" :key"="i"><a-radio-group v-model:value"="children.selected"><a-radio :value"="i">{{i}}<span v-if"="!children.selected" style"="color:red">请选择"\n\n在上面的代码中,我们在选择框外部添加了一个<span>元素,并使用v-if指令来判断children.selected是否为空。如果为空,则显示红色的提示文字"请选择"。
原文地址: http://www.cveoy.top/t/topic/pNNZ 著作权归作者所有。请勿转载和采集!