关于s标签回显以及一些感悟---四

之前在老项目,添加了一个模块,其中在下拉列表的显示上有了一些问题,不能回显,不知道什么原因,感觉自己写的大致跟其他的也一样,就是不能实现效果,在网上找了找,看到s标签也有个value属性来获得后台查询的值“<s:select id="city" name="cityName"  list="cityList.iterator()" value="%{cityid}" listKey="cityName" listValue="cityName"  emptyOption="false"/>”  也能实现回显的效果,记录一下,每天一点点。

这几天学习了一些老知识,感觉自己确实比以前进步不少,以前遇见不清楚的东西,脑袋里拒绝去网上学习,想慢慢的磨下去,慢慢来学会,最近自己也遇见不少问题,像hibernate的一些缓存,查询也不会,以前就是生搬硬套,现在主动去看一会,慢慢就能理出思路,还有jFreechart 等等,感觉自己以前的学习方法也有问题,以前是什么也不会,为了能混到工作,去胡乱的学习,虽然到最后感觉自己很空虚,什么也不会,没有拿得出手的,但是确实在这混乱的过程中走出了我自己适合的道路。由原理出发,做几个demo,印象比不去想的那么深,只管做出效果更加深刻。虽然我并不出色,但是在这条IT道路上,我也会持之以恒的走下去,不为结果,过程也需更让人陶醉。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当el-select的选项数据与回显数据不一致时,el-option会显示为未选中状态。这种情况下,我们可以通过设置el-select的multiple属性为true来允许用户自定义选项,从而解决回显数据与选项数据不一致的问题。 具体来说,我们可以将el-select的multiple属性设置为true,并将回显数据作为v-model绑定到el-select上。这样,用户可以在el-select中自由选择选项,而不受选项数据的限制。如果回显数据中包含了选项数据中不存在的值,我们可以在el-select组件中添加一个新的el-option,提示用户该值不存在于选项数据中。 以下是一个实现提示不存在值的el-select组件的示例代码: ```vue <template> <el-select v-model="selectedValue" :multiple="true"> <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option> <el-option v-if="!options.some(option => option.value === selectedValue)" :label="`不存在的值:${selectedValue}`" :value="selectedValue"></el-option> </el-select> </template> <script> export default { props: { value: { type: [String, Array], default: '' }, options: { type: Array, default: () => [] } }, computed: { selectedValue: { get() { return this.value }, set(newValue) { this.$emit('input', newValue) } } } } </script> ``` 在上面的代码中,我们首先通过props接收了el-select的选项数据(options)和回显数据(value)。然后,我们将value作为v-model绑定到el-select上,以便可以监听用户的选择。接下来,我们根据options和selectedValue渲染了所有的el-option,并使用条件渲染添加了一个新的el-option,用于提示不存在于options中的selectedValue。最后,我们通过一个computed属性将selectedValue转换为双向绑定的value属性,并在setter中触发input事件,以便将用户的选择传递给父组件。 使用这个el-select组件时,如果回显数据中包含了一个不存在于选项数据中的值,el-select会自动添加一个新的选项,提示用户该值不存在于选项数据中。这样用户就可以自由选择所有选项,包括回显数据中不存在于选项数据中的值。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值