针对你在uni-app中遇到的ISBN条码扫描问题，我们可以通过以下步骤来实现扫描ISBN条码并显示其信息。假设你已经完成了基本的条码扫描功能，并且只缺少显示条码信息的部分。以下是一个示例代码，演示如何使用uni-app和JavaScript来实现这一功能。

1. 安装并配置条码扫描插件

首先，确保你已经安装了适用于uni-app的条码扫描插件。你可以使用@dcloudio/uni-ui中的uni-scan-code组件，或者自行引入其他条码扫描库。

2. 编写页面代码

在你的页面（如pages/index/index.vue）中，添加条码扫描组件和数据处理逻辑。

<template>
  <view>
    <uni-scan-code @scan="onScan"></uni-scan-code>
    <view v-if="isbnInfo">
      <text>ISBN: {{ isbnInfo.isbn }}</text>
      <text>Title: {{ isbnInfo.title }}</text>
      <text>Author: {{ isbnInfo.author }}</text>
      <!-- 根据需要添加更多信息展示 -->
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isbnInfo: null,
    };
  },
  methods: {
    async onScan(result) {
      const isbn = result.text;
      this.isbnInfo = await this.fetchIsbnInfo(isbn);
    },
    async fetchIsbnInfo(isbn) {
      try {
        // 假设你有一个API可以返回ISBN的详细信息
        const response = await fetch(`https://your-api-endpoint.com/isbn/${isbn}`);
        const data = await response.json();
        return data;
      } catch (error) {
        console.error('Failed to fetch ISBN info:', error);
        return null;
      }
    },
  },
};
</script>

<style scoped>
/* 样式可以根据需要调整 */
</style>

3. 配置API端点

确保你有一个API端点，可以接收ISBN并返回相应的书籍信息。这个API可以是你自己搭建的，也可以利用第三方服务。

4. 运行和测试

运行你的uni-app项目，启动条码扫描功能，扫描一个ISBN条码。如果一切顺利，扫描完成后，你应该能够在页面上看到ISBN的详细信息。

注意事项

• 确保你的API端点可以正确处理并返回ISBN信息。
• 考虑到网络延迟和错误处理，你可能需要在UI上添加一些加载状态或错误提示。
• 根据你的实际需求，调整显示的信息内容和样式。

通过上述步骤，你应该能够解决uni-app中ISBN条码扫描后信息无法显示的问题。