31、element 解决el-select 下拉选择默认赋值后,无法再次选择数据的问题

2023-11-09

问题:初始化数据,下拉框默认选中第一个数据后,无法再次选择其他数据

getPowerSelectBus(netid) {
      getSelectBusNew({
        netid: netid
      }).then((res) => {
        this.optionProps = res.data.data
        this.form.busName = this.optionProps[0].label
      })
    },

解决方案:使用watch监听某个属性的数据变化后,再使用this.$set()给对象或者数组里面的某个属性重新赋值,成功解决问题。

'form.busName': {
      handler(val) {
        this.$set(this.form, 'busName', val)
        this.optionProps.map((item, index) => {
          if (val == item.value) {
            this.$set(this.form, 'busid', item.value)
          }
        })
      },
      deep: true //深层监听
    },
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

31、element 解决el-select 下拉选择默认赋值后,无法再次选择数据的问题 的相关文章

  • libxmljs 的替代品 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 目标 使用 Node js 访问网页 使用 xpath 语法操作 DOM 并打印新的 DOM libxm
  • 从 php 到 JavaScript 的数组

    我正在尝试使用 json 将数组列表从 php 传输到 javascript 但它不起作用 JS ajax url getProfilePhotos php type post post or get method data if you
  • 如何在bootstrap中默认隐藏侧边栏?

    我在这里有一个很好的参考 作为 Bootstrap 在设计 Web 表单应用程序时的侧边栏 http startbootstrap com template overviews simple sidebar http startbootst
  • 使用命名的成功/错误回调在 AngularJS 中声明一个 Promise

    我正在尝试做一些与 http 服务非常相似的事情 根据我的理解 http 返回一个 Promise 对象 使用它时 语法是 http success function data success callback error function
  • 在多个动态添加的表单上初始化 jQuery validate() 函数

    有人建议最好初始化一个 form validate 在页面加载而不是点击事件上运行 jquery form validate 插件仅允许在输入更改时提交 https stackoverflow com questions 10984196
  • 无法读取未定义的“触及”属性

    为什么我会收到此错误无法读取未定义的属性 为什么无法读取formName controls email touched但它能够阅读formName get custDetails touched
  • 递归修剪对象中所有元素的更好方法?

    如果我有一个像这样的物体 const obj field subfield innerObj a asdasd asdas innerArr s ssad innerArrObj b adsad 我想出了这样的东西 const trimFi
  • 游戏手柄 JavaScript 未能按预期更新

    我正在尝试让浏览器报告我的 XBOX 控制器的状态 然而 在第一次按下按钮后 它似乎变得 卡住 我究竟做错了什么
  • 为什么我们使用 SpreadsheetApp.flush()?

    我的理解是 flush https developers google com apps script reference spreadsheet spreadsheet app flush有助于在功能发生时执行这些功能 而无需将它们捆绑在
  • JavaScript:常量属性

    在javascript中 我可以将对象的属性声明为常量吗 这是一个示例对象 var XU Cc Components classes or function aXU this Cc Components classes var XU new
  • 窗口大小调整触发的 DOM 事件

    我有一个布局相当复杂的页面 最初打开页面时 某些元素的对齐存在问题 但是 可以通过更改浏览器窗口的大小来 永久 解决此问题 显然 我不希望用户必须调整浏览器窗口的大小才能使页面正确显示 所以我想知道是否有一种方法可以在页面首次加载时以编程方
  • 类型“void”不可分配给类型“((event:MouseEvent) => void) |不明确的'

    import as React from react import App css import PageTwo from components PageTwo export interface IPropsk data Array
  • 如何在 javascript 中基于类型字符串创建新对象?

    如何基于变量类型字符串 包含对象名称 在 javascript 中创建新对象 现在我有 随着更多工具的出现 列表会变得更长 function getTool name switch name case SelectTool return n
  • 有没有办法伪造同步 XHR 请求?

    我正在使用 Emscripten 系统将一堆 C 代码移植到 Javascript C 代码有很多调用fopen这是一个同步 IO 调用 在 Emscripten 中 我们使用对本地资源的 XHR 请求来模拟这一点however 在 Fir
  • jQuery 悬停时滚动到 div 并返回到第一个元素

    我基本上有一个具有设定尺寸的 div 和overflow hidden 该 div 包含 7 个子 div 但一次只显示一个 我希望当它们各自的链接悬停时能够平滑地垂直滚动 但是 第一部分 div 没有链接 并且是没有悬停链接时的默认部分
  • 如何使用 JavaScript 获取元素的填充值?

    我有一个textarea在我的 HTML 中 我需要获取整数或浮点形式的填充数值 以像素为单位 我如何使用 JavaScript 获取它 我没有使用 jQuery 所以我正在寻找纯 JavaScript 解决方案 这将返回padding l
  • 搜索多维数组 JavaScript

    我有一个如下所示的数组 selected products 0 r1 7up 61 Albertsons selected products 1 r3 Arrowhead 78 Arrowhead selected products 2 r
  • D3 将现有 SVG 字符串(或元素)追加(插入)到 DIV

    我到处寻找这个问题的答案 并找到了一些我认为可能有用的资源 但最终没有让我找到答案 这里有一些 外部SVG http bl ocks org mbostock 1014829 嵌入SVG https stackoverflow com qu
  • DOM 解析器 Chrome 扩展内存泄漏

    问题 我开发了一个扩展程序 可以拦截 Web 请求 获取 Web 请求来源的 HTML 并对其进行处理 我使用 DOMParser 来解析 HTML 并且意识到 DOMParser 正在导致大量内存泄漏问题 最终导致 chrome 扩展崩溃
  • JQuery 删除和内存泄漏

    我正在开发一个游戏 我看到了很多内存消耗 我使用jquery animate 动画完成后 我 remove 元素 我的问题是 从 dom 树中删除一个元素后 对象还存在记忆中吗 Javascript 是一种垃圾收集语言 这意味着当没有代码保

随机推荐

  • GIF动态图制作

    GIF动态图制作
  • JavaWeb项目实训——如何做一个jsp网页

    前提 成功安装配置了eclipse Jee tomcat9等 流程 设置编码格式为UTF 8 引入jar包 建立一个jsp文件 引入tomcat 浏览器查看网页 设置编码格式为UTF 8 设置js文件的默认编码格式为UTF 8 在Windo
  • 卸载vivo手机自带的应用程序

    https bbs nubia cn thread 960835 1 1 html vivo应用列表 http bbs xiaomi cn t 13228624 n3 小米可删应用 1 下载刷机大师 2 手机开启usb调试连接到电脑 3 手
  • Already up to date.问题解决

    一般在进行git操作的时候出现Already up to date 问题有两种情况 git合并分支遇到的问题 发现合并上去以后会被覆盖 这个时候你要检查一下自己的写文件顺序 检查顺序 一 当前分支的文件和远程仓库的文件不统一 这时候就需要将
  • 第2章 数据类型,运算符和表达式总结

    一 先举一个简单的例子 首先第1行是我们必不可少的头文件 其次从左至右那个int为返回参数 中间是方法名 可自定义 然后括号里面的是输入参数 那个中括号或者的是一个整体 下一行就是输出函数 括号内是输出内容 需要用双引号标注 然后就用分号结
  • Ajax实现异步请求的整个过程

    var xhr xhr new XMLHttpRequest 创建一个异步对象 xhr open Get test ashx true Get方式括号中的三个参数分别为 1 发送请求的方式 2 样请求的页面 3 是否异步 xhr open
  • 机器学习(一)——K-近邻(KNN)算法

    机器学习 一 K 近邻 KNN 算法 最近在看 机器学习实战 这本书 因为自己本身很想深入的了解机器学习算法 加之想学python 就在朋友的推荐之下选择了这本书进行学习 一 K 近邻算法 KNN 概述 最简单最初级的分类器是将全部的训练数
  • 【Blender】基础物体建模(5)

    Blender 布尔运算不起作用怎么办 当两个物体执行了布尔之后 不起作用 2 先检查每个物体的面是否是封闭的 可以看到是全部封闭的 3 注意 当我们执行了布尔时 有一个物体会变成线框 此时只需将物体属性中的视图显示修改为实体即可 4 开始
  • 2015C蓝桥杯第五题九数组分数

    题目 1 2 3 9 这九个数字组成一个分数 其值恰好为1 3 如何组法 下面的程序实现了该功能 请填写划线部分缺失的代码 include
  • Frontiers in Neuroscience:弥散张量成像(DTI)研究指南

    弥散张量成像 DTI 的研究越来越受到临床医生和研究人员的欢迎 因为它们提供了对脑网络连接的独特见解 然而 为了优化DTI的使用 必须考虑到几个技术和方法方面的问题 因为这些问题会影响到DTI研究结果的准确性和可重复性 本文由葡萄牙学者发表
  • 浅谈list与vector的区别

    目录 前言 一 list和vector为何有区别 二 链表和顺序表 数组 的优缺点 即list和vector优缺点 前言 在学习完list和vector这两个运用最广泛的容器后我们发现这两个容器有许多相似的用法 甚至在大多时候 有时候不行
  • 收集整理近700套微信朋友圈h5小游戏源码合集大放送

    收集整理近700套微信朋友圈小游戏源码合集 HTML5最新微信手机WAP端小游戏源码 内容全部无加密 可以修改成自己的内容 上传空间即可使用 附件下载 http www 51xyyx com 2762 html 空间要求 php mysql
  • 如何将JavaWeb项目部署到Linux服务器

    将JavaWeb项目部署到服务器需要先在服务器安装tomcat 数据库 Java环境 没有安装的同学先装好以上三件套 当装好这三样后就可以开始部署JavaWeb项目了 其实很简单 将项目打包成war文件后上传到tomcat下的webapps
  • 芯片学生党必会的行业英文术语

    转载至芯职业公众号 芯片领域有不少英文缩写术语 对学生党与初学者颇为费解 严重的还会给人 劝退 感 因此 在这个系列 我们将介绍一些常用的英文术语 旨在让大家了解这些英文的同时对芯片产业的全貌有一个大体的认识 并不作过分深究 Wafer D
  • Android 用surfaceview模拟帧动画的效果,解决帧动画的OOM问题

    最近做的项目 客户临时要求改版 我真的是最烦这个 要求跟换主页面的背景 换上新的背景图 要求是动态的 效果 我随便拿的五个图片做的gif 方案 帧动画方案 缺点 1 好像只能imageview才能播放帧动画 2 容易OOM 播三四张还行 播
  • 9款超级实用 VSCode 插件,让 Python 编程轻松愉悦

    1 Python preview Python Preview是一个适用于VSCode的Python代码预览插件 可以将Python代码转换为漂亮的HTML页面 并在浏览器中进行预览 通过该插件 程序员可以在VSCode中方便地预览Pyth
  • 点云Las文件读写c++库 Lasib_msvc2015

    点云Las文件读写c 库 Lasib msvc2015 前言 去官网下载laslib源码 发现编译错误 需要以下的几个依赖库 1 在进行编译之前我们首先需要编译Boost GDAL TIFF LASZIP和GeoTIFF的编译 大家可以参考
  • Win11安装WSL2和Nvidia驱动(2022-12-19)

    文章目录 前言 系统环境 WSL 1和WSL 2功能对比 安装WSL2 更新和升级包 配置VSCode 配置GPU加速 安装Nvidia驱动 安装Cuda Toolkit 通过PyTorch安装CUDA Toolkit 测试Nvcc 参考链
  • 使用pancake进行 usdt兑换bnb智能合约

    以下是代码 仅供分享参考 SPDX License Identifier MIT pragma solidity 0 8 0 interface IERC20 function approve address spender uint256
  • 31、element 解决el-select 下拉选择默认赋值后,无法再次选择数据的问题

    问题 初始化数据 下拉框默认选中第一个数据后 无法再次选择其他数据 getPowerSelectBus netid getSelectBusNew netid netid then res gt this optionProps res d