js src 传参

如果您想在 JavaScript 中通过 <script> 标签导入一个外部脚本并传递参数，可以使用以下方式：

1. 在 <script> 标签的 src 属性中添加参数，例如：

<script src="example.js?id=123"></script>

在 example.js 中，可以使用以下代码来获取参数值：

const params = new URLSearchParams(window.location.search);
const id = params.get('id');

2. 动态创建 <script> 标签，并在其 src 属性中添加参数，例如：

const script = document.createElement('script');
script.src = 'example.js?id=123';
document.head.appendChild(script);

在 example.js 中，同样可以使用上述代码来获取参数值。

相关问题

动态调用video,js组件并传参

要动态调用 `video` 组件并传参，可以使用 Vue 的动态组件功能。

下面是一个示例，假设您有两个 `video` 组件：`Player1` 和 `Player2`。我们可以使用一个动态组件来根据条件渲染特定的组件，并将参数传递给子组件。

<template>
  <div>
    <component :is="currentPlayer" :src="videoSrc"></component>
  </div>
</template>

<script>
import Player1 from './Player1.vue';
import Player2 from './Player2.vue';

export default {
  data() {
    return {
      currentPlayer: '',
      videoSrc: ''
    };
  },
  components: {
    Player1,
    Player2
  },
  methods: {
    playVideo(src, player) {
      // 根据传入的 player 参数来决定渲染哪个组件
      this.currentPlayer = player;
      this.videoSrc = src;
    }
  }
};
</script>

在这个例子中，我们使用 `component` 元素来动态渲染组件。通过 `v-bind:is` 属性绑定了一个变量 `currentPlayer`，根据这个变量的值，可以动态渲染 `Player1` 或 `Player2` 组件。我们还通过 `v-bind:src` 属性将 `videoSrc` 变量传递给子组件。

在 `methods` 中，我们定义了一个 `playVideo` 方法，用于播放视频。这个方法接受两个参数：视频的源地址和要渲染的播放器组件。在方法内部，我们根据传入的参数来设置 `currentPlayer` 和 `videoSrc` 变量，从而渲染特定的组件。

这样，在应用中，我们可以调用 `playVideo` 方法来播放视频：

this.playVideo('http://example.com/video.mp4', 'Player1');

这样就会渲染 `Player1` 组件，并且将视频源地址传递给子组件。

umi mock 传参

在umi中使用mock传参的方法如下：

1. 首先，需要在src目录下创建一个api文件夹，用来管理整个项目的接口数据。在api文件夹下创建index.js文件作为入口请求文件。

2. 导入Mock模块：`const Mock = require('mockjs');`

3. 使用Mock.mock()方法来模拟请求数据。例如，如果想模拟一个GET请求传递参数，可以使用以下代码：

   Mock.mock('/api/brand', 'get', function (options) {
     // 通过options.body获取传递的参数
     const { brandId } = JSON.parse(options.body);
     // 进行相应的处理，返回模拟的数据
     return Mock.mock({
       status: 200,
       message: '请求成功',
       data: {
         brandId: brandId,
         brandName: '@cname',
       },
     });
   });

4. 通过以上步骤，就可以在umi中使用mock传递参数了。

需要注意的是，在使用POST请求传递参数时，需要将参数进行JSON格式化，然后将其作为body传递给mock的接口。

参考文献：
一般情况是在src文件夹下创建api文件夹,用来管理整个项目的接口数据,然后我们需要接着在api文件夹下创建index.js,作为入口请求文件 const Mock = require('mockjs'); //格式： Mock.mock( url, post/get , 返回的数据)； 下面的userInfo是指mock目录下的json目录下的userInfo.json文件 Mock.mock('/user/userInfo', 'get', require('./json/userInfo.json')); Mock.mock('/api/addgoods', 'post', require('./json/userInfo.json')); // 下边这个模拟post请求也行 /*Mock.mock('/api/addgoods', 'post', function (option) { let $name=JSON.parse(option.body).name; if($name){ return Mock.mock({ status: 200, message: '提交成功！！！' }) }else{ return Mock.mock({ status: 400, message: '未提交参数' }) } })*/ 引用:post和put请求传参形式相同 import request from '../utils/request'; var qs = require('qs'); export const getBrand = params =&gt; { console.log('getBrand', { ...params }); // get请求传参，参数要拼接在url后面 // 此处的“ ? ”一定要加上 // qs.stringify()会将参数转成 a='1'&amp;b='2' 的形式，如果不使用qs库可手动转换 return request('/api/brand?' qs.stringify(params), { method: 'GET', }); }; export const deleteBrand = params =&gt; { // 同get请求 return request('/api/brand?' qs.stringify(params), { method: 'DELETE' }) } export const updateBrand = params =&gt; { // post请求 return request(`/api/brand`, { // 此处一定要JSON格式化，不然mock里同样接收不到数据 body: JSON.stringify(params), method: 'POST', }) } mock/test.js 。 引用:使用方法如下： 1、安装mockjs npm install mockjs 2、在vue项目中mock创建文件夹 。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue中使用Mock模拟get和post请求](https://blog.csdn.net/efew212efe/article/details/124493618)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [umi request和mock（mock文件夹下的js文件）请求传递和接收参数](https://blog.csdn.net/weixin_41786574/article/details/107759491)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]