在VueJS下拉列表中仅调用特定的数据库行

作者：dengyuanc_928 | 来源：互联网 | 2023-09-07 19:55

我希望仅在VueJS下拉列表中调用第7和第8行。我显然可以对此进行硬编码，但这对

我希望仅在VueJS下拉列表中调用第7和第8行。我显然可以对此进行硬编码，但这对我来说没有好处，因为我还将调用分配给这些行的不同数据。我尝试将这些值仅与这两个值绑定到一个数组中，但仍然没有得到结果。


      
        Escrow Office
                    class="highlights"
            :optiOns="select.offices"
            :on-change="selectOffice"
            :searchable="false"
            :clear-search-on-select="false"
            v-model="select.officeSelected"
        >


data() {
  return {
    now: new Date().toISOString(),document: {
      escrow_office_id: 1,},select: {
      offices: [],officeSelected: 'Choose Escrow Office',}
},methods: {
  init(){
    if(this.listing != null) {
  getEscrow() {
    this.page.loading = true;
    axios.get('/api/v2/escrows/' + this.page.id,{headers: {'Authorization': 'Bearer ' + this.$root.access_token}})
      .then(respOnse=> {
        this.escrow = response.data.escrow;
        this.document.escrow_office_id = response.data.escrow.escrow_office_id;
        this.select.officeSelected = this.select.offices.find(x => x.value === this.form.escrow_office_id);
      })
      .catch(e => {
        var err = (!!e.response ? (!!e.response.data ? (!!e.response.data.error ? e.response.data.error : '') : '') : '');
        if (err != "") this.$noty.error("Error: " + err);
        else this.$noty.error("Cannot call getEscrow()");
      })
      .finally(() => {
        this.page.loading = false;
      });
  },getShared() {
    this.select.offices = this.$root.shared.escrow_offices;
  },selectOffice(option) {
    this.select.officeSelected = option;
    this.document.escrow_office_id = option.value;
  },

推荐阅读

jsp
MySQL查询执行流程详解

MySQL的查询执行流程涉及多个关键组件，包括连接器、查询缓存、分析器和优化器。在服务层，连接器负责建立与客户端的连接，查询缓存用于存储和检索常用查询结果，以提高性能。分析器则解析SQL语句，生成语法树，而优化器负责选择最优的查询执行计划。这一流程确保了MySQL能够高效地处理各种复杂的查询请求。 ... [详细]

蜡笔小新 2024-11-11 16:48:32
bit
如何将TS文件转换为M3U8直播流：HLS与M3U8格式详解

在视频传输领域，MP4虽然常见，但在直播场景中直接使用MP4格式存在诸多问题。例如，MP4文件的头部信息（如ftyp、moov）较大，导致初始加载时间较长，影响用户体验。相比之下，HLS（HTTP Live Streaming）协议及其M3U8格式更具优势。HLS通过将视频切分成多个小片段，并生成一个M3U8播放列表文件，实现低延迟和高稳定性。本文详细介绍了如何将TS文件转换为M3U8直播流，包括技术原理和具体操作步骤，帮助读者更好地理解和应用这一技术。 ... [详细]

蜡笔小新 2024-11-11 12:12:04
io
优化分页组件：高效渲染数据数组

在处理大规模数据数组时，优化分页组件对于提高页面加载速度和用户体验至关重要。本文探讨了如何通过高效的分页策略，减少数据渲染的负担，提升应用性能。具体方法包括懒加载、虚拟滚动和数据预取等技术，这些技术能够显著降低内存占用和提升响应速度。通过实际案例分析，展示了这些优化措施的有效性和可行性。 ... [详细]

蜡笔小新 2024-11-11 10:02:01
jsp
深入解析 iOS 开发中的 @()、@[] 和 @{} 语法糖

在 iOS 开发中，经常会遇到 `@(YES)`、`@[firstViewController]` 以及 `@{@a:@b}` 这样的语法糖。这些简化的写法分别用于初始化布尔值、数组和字典对象，能够显著提高代码的可读性和编写效率。例如，`@(YES)` 可以快速创建一个布尔值对象，`@[firstViewController]` 则用于创建包含单个元素的数组，而 `@{@a:@b}` 则用于创建键值对字典。理解这些语法糖的使用方法，有助于开发者更加高效地进行编码。 ... [详细]

蜡笔小新 2024-11-10 12:43:56
int
C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨

本文探讨了C++异步编程中获取线程执行结果的方法与技巧，并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型，本文详细介绍了如何高效地处理多线程任务，确保程序的稳定性和性能。同时，文章还结合实际案例，展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]

蜡笔小新 2024-11-09 15:14:28
int
Vue + WangEditor 遇到 “无法读取未定义的属性 'menus'” 错误的解决方案

Vue + WangEditor 遇到 “无法读取未定义的属性 'menus'” 错误的解决方案 ... [详细]

蜡笔小新 2024-11-08 13:59:12
list
Vue 页面状态管理与跨页面数据传递的有效策略

在 Vue 应用开发中，页面状态管理和跨页面数据传递是常见需求。本文将详细介绍 Vue Router 提供的两种有效方式，帮助开发者高效地实现页面间的数据交互与状态同步，同时分享一些最佳实践和注意事项。 ... [详细]

蜡笔小新 2024-11-08 12:45:14
io
使用 Vuex 管理表单状态：当输入框失去焦点时自动恢复初始值

使用 Vuex 管理表单状态：当输入框失去焦点时自动恢复初始值 ... [详细]

蜡笔小新 2024-11-08 11:40:33
io
木偶评估函数拒绝将JSHandles和ElementHandles用作参数

在处理木偶评估函数时，我发现可以顺利传递本机对象（如字符串、列表和数字），但每当尝试将JSHandle或ElementHandle作为参数传递时，函数会拒绝接受这些对象。这可能是由于这些句柄对象的特殊性质导致的，建议在使用时进行适当的转换或封装，以确保函数能够正确处理。 ... [详细]

蜡笔小新 2024-11-07 18:34:55
jsp
探讨Vue.js中Prop属性的基础应用与实践

在最近的学习过程中，我对Vue.js中的Prop属性有了更深入的理解，并认为这一知识点至关重要，因此在此记录一些心得体会。Prop属性用于在组件之间传递数据。由于每个组件实例的作用域都是独立的，无法直接引用父组件的数据。通过使用Prop，可以将数据从父组件安全地传递到子组件，确保数据的隔离性和可维护性。 ... [详细]

蜡笔小新 2024-11-07 17:28:30
int
Pythonmysql数据库

importpymysql#一、直接连接mysql数据库'''coonpymysql.connect(host'192.168.*.*',u ... [详细]

蜡笔小新 2024-11-12 16:51:59
io
深切明白ES6笔记（三）函数

重要知识点有：函数参数默许值、盈余参数、扩大运算符、new.target属性、块级函数、箭头函数以及尾挪用优化《深切明白ES6》笔记目次函数的默许参数在ES5中，我们给函数传参数， ... [详细]

蜡笔小新 2024-11-12 14:57:05
jsp
Framework7：构建跨平台移动应用的高效框架

Framework7 是一个开源免费的框架，适用于开发混合移动应用（原生与HTML混合）或iOS&Android风格的Web应用。此外，它还可以作为原型开发工具，帮助开发者快速创建应用原型。 ... [详细]

蜡笔小新 2024-11-12 14:47:56
int
深入解析：Synchronized 关键字在 Java 中对 int 和 Integer 对象的作用与影响

深入探讨了 `Synchronized` 关键字在 Java 中对 `int` 和 `Integer` 对象的影响。尽管初看此题似乎简单，但其实质在于理解对象的概念。根据《Java编程思想》第二章的观点，一切皆为对象。本文详细分析了 `Synchronized` 关键字在不同数据类型上的作用机制，特别是对基本数据类型 `int` 和包装类 `Integer` 的区别处理，帮助读者深入理解 Java 中的同步机制及其在多线程环境中的应用。 ... [详细]

蜡笔小新 2024-11-11 13:13:17
list
使用纯JavaScript实现贪吃蛇游戏的开发技巧与解析

本文详细探讨了使用纯JavaScript开发经典贪吃蛇游戏的技术细节和实现方法。通过具体的代码示例，深入解析了游戏逻辑、动画效果及用户交互的实现过程，为开发者提供了宝贵的参考和实践经验。 ... [详细]

蜡笔小新 2024-11-08 13:56:09

dengyuanc_928

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章