vue项目中怎么将 一行中 两个按钮 居中

你可以使用 Flex 布局将这两个按钮居中。首先，将这两个按钮放在一个容器内，然后在该容器上应用 `display: flex` 和 `justify-content: center` 样式，即可将两个按钮水平居中。以下是示例 CSS 代码：

.container {
  display: flex;
  justify-content: center;
}

在 HTML 中，你可以这样写：

<div class="container">
  <button>按钮1</button>
  <button>按钮2</button>
</div>

这样，两个按钮就可以水平居中了。

相关问题

vue项目中怎么将 一行中 两个element 按钮组件 居中

同样可以使用 Flex 布局将两个 Element 按钮组件居中。以下是示例 CSS 代码：

.container {
  display: flex;
  justify-content: center;
}

在 HTML 中，你可以这样写：

<template>
  <div class="container">
    <el-button>按钮1</el-button>
    <el-button>按钮2</el-button>
  </div>
</template>

这样，两个 Element 按钮组件就可以水平居中了。需要注意的是，这里的按钮组件是 Element UI 提供的组件，需要先在项目中安装和引入 Element UI 库。

怎么在一个vue项目中同时调用两个服务器的接口

在一个Vue项目中同时调用两个服务器的接口，你可以使用Axios库来发送HTTP请求。以下是一种实现的方式：

1. 首先，在你的Vue项目中安装Axios库。可以使用npm或者yarn命令进行安装：

npm install axios

2. 在需要调用接口的组件中，引入Axios库，并创建两个不同的实例，分别用于调用不同的服务器接口。例如，在你的`main.js`文件中添加如下代码：

import Vue from 'vue';
import axios from 'axios';

// 创建第一个实例，用于调用第一个服务器的接口
const instance1 = axios.create({
  baseURL: 'http://server1.com/api',
  // 其他配置项
});

// 创建第二个实例，用于调用第二个服务器的接口
const instance2 = axios.create({
  baseURL: 'http://server2.com/api',
  // 其他配置项
});

// 将实例挂载到Vue原型上，方便组件中使用
Vue.prototype.$server1 = instance1;
Vue.prototype.$server2 = instance2;

3. 现在你可以在组件中使用`this.$server1`和`this.$server2`来调用不同服务器的接口了。例如，在某个组件的方法中调用接口：

methods: {
  fetchDataFromServer1() {
    this.$server1.get('/data')
      .then(response => {
        // 处理响应数据
      })
      .catch(error => {
        // 处理错误
      });
  },
  fetchDataFromServer2() {
    this.$server2.get('/data')
      .then(response => {
        // 处理响应数据
      })
      .catch(error => {
        // 处理错误
      });
  },
}

通过这种方式，你可以在一个Vue项目中同时调用两个服务器的接口。你可以根据实际需求配置不同的实例，包括设置baseURL、请求头、拦截器等。