vue下拉框不可被修改

最新推荐文章于 2024-04-28 11:51:31 发布
最新推荐文章于 2024-04-28 11:51:31 发布
阅读量969 收藏 1
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/alfred_tfk/article/details/129861943
版权

文章目录

vue下拉框不可被修改

vue下拉框在有默认值的情况下，不可被修改，但是操作的值没有问题，

提示：解决方法：

加@change事件，在事件里强制刷新this.$forceUpdate() //在下拉框上绑定change事件 更新视图 这样就不会有视图更新的问题
提示：问题原因：

在下拉框被赋值时，在data里没有这个变量的声明，无法进行双向绑定，只有 g e t ( ) 的操作，没有 get()的操作，没有 get()的操作，没有set()

是啦啦啦呀
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue项目实现下拉框的多选功能(附后端处理参数的方法)
风海洋的博客
04-09 1万+
本次演示共涉及多选框的展示、保存、编辑三个界面。
vue下拉框值改变_vue select下拉框绑定值不跟着变问题
weixin_39717152的博客
12-22 3315
data() {return {value1: "",type: [{id: 1, name: '肖明'}，{id: 2, name: '小红'}，{id: 3, name: '小光'}],list: [1,2,3,4,5]}}v-for="_item in type":value="_item.id":key="_item.id">{{ _item.name }}通过循环生成了多个 sel...
VUE框架下拉框值不能更改问题
weixin_49080355的博客
02-27 948
VUE框架下拉框值不能改变的问题
vue elementUI下拉框select动态设置默认选中第一个后无法切换值
weixin_42674490的博客
02-15 2182
添加一个 @change=“handleSelectChange”，然后使用this.$forceUpdate()即可 <el-select v-else v-model="formData[i]" @change="handleSelectChange"> xxxx </el-select> handleSelectChange () { this.$forceUpdate() },
vue + element 下拉框 选项绑定数据列表List，List动态变化后，下拉框下拉后数据不变化问题解决
1234567
01-15 9702
原因很弱智，data中没有初始化，却直接使用，第一次对List赋值时没问题，下拉框能够找到数据，改变List中的值后，下拉框中的值不会跟着List而改变，找了一大圈，发现没有对List在data中进行初始化。 ...
vue+element select下拉框选择不上的问题
m0_59634511的博客
08-01 1854
el-dialog title="修改上报比例" v-model="changeDialogVisible" width="30%" center :destroy-on-close="true"<el-select v-model="changeFrom.ratio" style="width: 100%;<el-button type="primary" @click="submitUp">确 定</el-button><el-form-item label="上报比例" prop="ratio">
Vue2.x-02根据条件动态设置下拉框、时间选择器、文本框是否可编辑
热门推荐
小工匠
12-12 1万+
文章目录概述选择器禁止选择date-picker禁止选择input禁止输入 概述 我们这里组件库使用的iview组件库 需求是：特定环节，数据只能查看，不能修改。 （查看页面和新增复用的同一个子组件）。 因此需要动态判断。 选择器禁止选择 选择器: http://v2.iviewui.com/components/select 查看官网正好这个符合我们的需求 看看官方给的demo 改造下：...
Vue下拉框回显并默认选中随机问题
10-18
Vue下拉框回显并默认选中随机问题通常指的是在使用Vue.js框架和ElementUI组件库开发前端页面时，遇到下拉框组件在数据回显时出现选择状态随机的问题。这一问题可能会导致用户体验下降，因为下拉框中的选项在多次刷新...
vue下拉框值改变_VUE 两级联动下拉框，做数据修改时，第二个下拉框不显示值...
weixin_35975197的博客
01-16 1969
问题描述VUE 两级联动下拉框，做数据修改时，第二个下拉框不显示值1.第二个下拉框的List是由第一个下拉框的值决定的，即选了第一个下拉框的值，加载第二个下拉框的List类似于选了省份，再选城市2.做数据修改时，用Vue把要修改的行给模板，然后第二个下拉框不限制。问题出现的环境背景及自己尝试过哪些方法1.做修改时，我先加载了的哥下拉框的List，但是好像加载不出来。下面的代码，我用省份和城市做类子...
vue项目获取下拉框选中id_vue获取下拉框值
weixin_39552204的博客
12-18 5546
vue获取下拉框的值，用vue-modle,只有点击下拉框的值才会赋值到下拉框中，初始时下拉框没有数据，而改用$event就不会出现这样的问题，下面看代码以及图解：v-model解决方式：{{item.name}}下拉框的值：index: [{"indexId":1,"name": "点菜用户数"}, {"indexId":2,"name": "点菜新用户数"}, {"indexId":3,"na...
vue+Element中table表格实现可编辑（select下拉框）
10-15
在使用Vue.js框架结合Element UI库时，实现表格中某列数据可编辑且为下拉框选项是一个常见需求。本文详细介绍了如何在Vue+Element的table表格中实现可编辑功能，特别是在单元格内通过select下拉框形式选择数据，并...
el-select下拉框：数据回显后，无法重新选中或修改
m0_63026408的博客
05-22 724
选中后数据不更新，给数据重新添加 this.$set(this.form,"userId",res.data.userId) 依然没有用。
vue3+element-plus 表单输入框无法输入、下拉框值不回显
qing_xing_的博客
07-11 2414
因为element-plus表单的ref和model的值不能设置相同的值，如果设置成相同的值，输入框无法输入、下拉框值不回显在element-plus的官方文档中是这样写的，可以看出来两者的值不一样 而在vue2+饿了么中是可以设置相同的值，官方写法如下...
elementui中当el-select下拉框绑定multiple多选后无法编辑删除
m0_61676604的博客
05-12 1890
el-select绑定了multiple实现下拉框多选，由于数据深层嵌套，会出现视觉上好像多选下拉框无法编辑、删除，其实数据更新了，但是页面没有重新渲染，所以我们需要调用this.$forceUpdate()方法强制Vue实例重新渲染。解决办法：在el-select下拉框组件中绑定@change="$forceUpdate()即可实现"
element 下拉框默认赋值后无法选中和修改
Yourlittlecutie的博客
04-13 2141
1.给下拉框添加一个@change事件。然后发现点开不无法选中和修改。2. 在chaneg事件 刷新。根据接口返回得数据默认赋值后。
vue 下拉框默认值显示与多值传参
最新发布
乐点的博客
04-28 791
template><el-select v-model="value" placeholder="请选择"><el-optionv-model的值为当前被选中的el-option的 value 属性值。
vue中table表格实现select下拉框，table下拉框(select)选项选中禁用
weixin_45289735的博客
07-26 2699
实现一个下拉弹窗功能
多个select下拉框,当选中当前的一项时,其他下拉选都不能选择同样的选项(下拉选的值不能相同)
一边努力一边摸鱼
06-10 1万+
发现了两个解决方法,一个是自己写的比较鸡肋 //选中的选项不能够重复(重复的选项隐藏) $(document).ready(function(){ $('#selectOption select').change(function(){ var oldValue=$(this).attr('old'); var current...
vue 下拉框不可编辑
05-13
如果你想让一个 Vue 下拉框不可编辑，可以使用 `disabled` 属性来实现。 例如： ```html <template> <div> <select disabled> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option value="option3">Option 3</option> </select> </div> </template> ``` 在上面的代码中，`<select>` 元素的 `disabled` 属性被设置为 `true`，这意味着用户将无法编辑下拉框。你也可以使用动态数据绑定来设置 `disabled` 属性，例如： ```html <template> <div> <select :disabled="isDisabled"> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option value="option3">Option 3</option> </select> </div> </template> <script> export default { data() { return { isDisabled: true } } } </script> ``` 在上面的代码中，`<select>` 元素的 `disabled` 属性根据 `isDisabled` 变量的值来设置。如果 `isDisabled` 为 `true`，则下拉框将不可编辑。你可以根据自己的需求来设置 `isDisabled` 变量。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值