<el-optionkey="6"label="苏州大闸蟹"value="6"/> 遇到下拉框不显示label值,如果绑定的vaule 是number,则需要前面加上: 不然会匹配不到,String不加:没问题 具体v-bind 用法: <el-optionkey="6"label="苏州大闸蟹":value="6"/> demo如下: <template><div><el-button@click="printSelect">调试</el-bu...
因此,为了确保 value 被正确识别为数字类型,需要使用 v-bind 或简写为 :。例如:<el-option label="数字1" :value="1"></el-option>。 问题:为什么有时选中的 el-option 的label 没有显示? 解决方案:这可能是因为 v-model 绑定的值与任何 el-option 的value 都不匹配。确保 v-model ...
data(){return{allCards:[],userCard:{cardId:""}}} methods:{//value的是是:value的值getMoney(value){letthat=this;console.log(value)this.allCards.forEach(item=>{if(item.id===value){console.log(item);that.moneys=item.price;}})},} ...
显示的不应该是数字,因为v-model绑定的值直接显示出来了。但是讲道理vue会自动查询el-option里的value值要是对的上会转化成el-option里对应的label后面经过调试发现 这俩东西颜色不一样 再调试 果然 后来查阅资料发现el—option中的value要跟v-model中为===恒等于才会识别回显 这下问题就简单了 加上toString转换...
:key="item.value" :label="item.title" :value="item.value" > </el-option> </el-select> </div> 其次,在setup中对变量 month_selector进行定义,设置初始值并注入至data setup() { let month_selected = ref(''); let month_selector = [ { title: '筛选时间', value: '0', } ]; return...