vue2用require获得静态json数据后如何将数据展示到页面上

在 Vue2 中，可以通过 `require` 方法来获取静态的 JSON 数据，然后通过 `v-for` 指令将数据展示到页面上。

以下是一个简单的示例：

1. 在 Vue 组件中使用 `require` 方法获取数据：

data() {
  return {
    jsonData: require('@/assets/data.json')
  }
}

2. 在模板中使用 `v-for` 指令遍历数据并展示到页面上：

<ul>
  <li v-for="(item, index) in jsonData" :key="index">{{ item }}</li>
</ul>

其中，`jsonData` 是在 `data` 方法中定义的数据，`v-for` 指令用于遍历数据，并使用 `:key` 绑定每个项的唯一标识。

这样就可以将静态的 JSON 数据展示到页面上了。

相关问题

vue2用require获得静态json数据后如何获取数组里面order_price的值

假设你已经成功地通过`require`方法获得了静态JSON数据，那么获取数组里面`order_price`的值可以按照以下步骤进行：

1. 首先，你需要使用`JSON.parse()`方法将JSON数据解析为JavaScript对象。
2. 接着，你可以使用JavaScript数组的`map()`方法遍历数组，并且返回一个新的数组，新数组中包含每个对象的`order_price`属性的值。
3. 如果你只想获取第一个对象的`order_price`属性值，可以使用数组中的索引来访问该属性。

下面是一些示例代码：

// 假设你已经成功地通过require方法获取了静态JSON数据，存储在变量data中
const data = require('./data.json');

// 使用JSON.parse()方法将JSON数据解析为JavaScript对象
const parsedData = JSON.parse(data);

// 使用map()方法遍历数组，并且返回一个新的数组，新数组中包含每个对象的order_price属性的值
const orderPrices = parsedData.map(item => item.order_price);

// 如果你只想获取第一个对象的order_price属性值，可以使用数组中的索引来访问该属性
const firstOrderPrice = parsedData[0].order_price;

需要注意的是，以上示例代码中的`./data.json`是指JSON数据文件的路径，你需要根据实际情况修改该路径。

vue2用require获得静态json数据后如何获取"data": [ { "order_id": 68, "user_id": 1, "order_number": "湿巾纸", "order_price": 40.00, "order_pay": "0", "is_send": "是", ] 里面order_price的值

如果你使用了 `require` 来获取静态 JSON 数据，那么获取 `order_price` 的值可以按照以下步骤进行：

1. 在你的 Vue 组件中，引入静态 JSON 数据：

const data = require('./data.json')

这里假设你的 JSON 数据文件名为 `data.json`，并且与当前 Vue 组件文件在同一目录下。

2. 获取 `order_price`值。由于 `data` 是一个对象，`"data"` 属性对应的值是一个数组，因此需要先通过数组下标获取对应的对象，再通过对象的属性名获取 `order_price` 的值。代码如下：

const orderPrice = data["data"][0]["order_price"]

这里假设你要获取的是第一个订单的 `order_price` 值，因此使用了数组下标 `[0]`。如果你要获取其他订单的 `order_price` 值，只需要修改数组下标即可。

注意，如果你的 JSON 数据文件中的属性名使用了驼峰命名法（如 `orderPrice`），那么在获取属性值时应该使用驼峰命名法，即 `data["data"][0]["orderPrice"]`。