bladey 最近的时间轴更新 bladey 最近的时间轴更新 |
bladeyV2EX 第 648735 号会员，加入于 2023-09-15 15:17:35 +08:00今日活跃度排名 17129 |
bladey 最近回复了
11 天前 回复了 alei814 创建的主题 › 生活 › 药店的药也比线上卖的贵太多了。。。 |
@Light3 #9 你这么一说我仔细一想最近在小区诊所买的药还真是 50 买 10 块。医院开的做雾化的药，两天的量，不到 22.用完后有点效果，嫌去医院麻烦，美团上示 70 （下单后告知有一种药缺货，取消了），然后去小区门口诊所，说是按医院的方式使用太浪费了，要减半使用，最后开了相当于医院一天的量，52……
17 天前 回复了 wangshushu 创建的主题 › Android › 为啥没有人讨论骁龙 8 Elite ？也就是至尊版？ |
@interim #5 12s 一热就卡顿、断网，宣传的各种游戏高帧率，根本没法玩。40 帧中等画质也就流畅而已……
17 天前 回复了 zrtalent 创建的主题 › 问与答 › V 友们，小区电梯空间有限， 100 寸电视上门勘测进不去， 98 寸可以，有哪些比较好的选择？ |
差这点，拆箱，再上，估计行 
32 天前 回复了 huangzhouhong 创建的主题 › 分享创造 › [送码] Anony VPN 上线两周年，兑换码免费送！开箱即用 |
支持，试用一下
57 天前 回复了 userKamtao 创建的主题 › Vue.js › 爆肝两年！打磨了一款 Vue 3 组件库（很新），欢迎体验 👏 |
star 支持 👍
108 天前 回复了 Jinnrry 创建的主题 › Vue.js › 请教一下写前端的各位大佬， vue 动态组件如何动态定义名字呢？ |
@Jinnrry #27
这样的话试试这个写法，应该可以。这类需求还是第一次见，有一点一直没想明白，你想让第三方用你封装的 axios ，那在他的组件里调用时，拿到的 baseurl 、token 应该都是你的系统的，应该毫无意义吧，除非他的组件里请求的接口也在你的系统里，通过后端转发拿他系统的数据，不然这么搞我是没想明白到底要干什么
watch(activeName, async (newVal) => {
$http.post('/api/plugin/settings/' + newVal + '/index').then((res) => {
if (res.data != null && res.data !== '') {
// 创建一个 Blob ，用于生成组件的 URL
const blob = new Blob([res.data], { type: 'text/plain' });
const url = URL.createObjectURL(blob);
// 动态加载组件
asyncCpt.value = defineAsyncComponent(() => {
return import(url);
});
}
});
});
这样的话试试这个写法，应该可以。这类需求还是第一次见，有一点一直没想明白，你想让第三方用你封装的 axios ，那在他的组件里调用时，拿到的 baseurl 、token 应该都是你的系统的，应该毫无意义吧，除非他的组件里请求的接口也在你的系统里，通过后端转发拿他系统的数据，不然这么搞我是没想明白到底要干什么
watch(activeName, async (newVal) => {
$http.post('/api/plugin/settings/' + newVal + '/index').then((res) => {
if (res.data != null && res.data !== '') {
// 创建一个 Blob ，用于生成组件的 URL
const blob = new Blob([res.data], { type: 'text/plain' });
const url = URL.createObjectURL(blob);
// 动态加载组件
asyncCpt.value = defineAsyncComponent(() => {
return import(url);
});
}
});
});
109 天前 回复了 Jinnrry 创建的主题 › Vue.js › 请教一下写前端的各位大佬， vue 动态组件如何动态定义名字呢？ |
@bladey 接口拿到的 html 不知道内容是什么样，不知道这样写行不行？
109 天前 回复了 Jinnrry 创建的主题 › Vue.js › 请教一下写前端的各位大佬， vue 动态组件如何动态定义名字呢？ |
<el-tabs v-model="activeName">
<el-tab-pane v-for="(html, name) in pluginList" :label="name">
<component :is="asyncCpt" :http="$http" />
</el-tab-pane>
</el-tabs>
const activeName = ref('');
const asyncCpt = ref(null);
watch(activeName, async (newVal) => {
asyncCpt.value = defineAsyncComponent(() => {
return new Promise((resolve, reject) => {
$http.post('/api/plugin/settings/' + newVal + '/index').then((res) => {
if (res.data != null && res.data != '') {
resolve(res.data);
} else {
reject('Plugin Load Error!');
}
});
});
});
});
<el-tab-pane v-for="(html, name) in pluginList" :label="name">
<component :is="asyncCpt" :http="$http" />
</el-tab-pane>
</el-tabs>
const activeName = ref('');
const asyncCpt = ref(null);
watch(activeName, async (newVal) => {
asyncCpt.value = defineAsyncComponent(() => {
return new Promise((resolve, reject) => {
$http.post('/api/plugin/settings/' + newVal + '/index').then((res) => {
if (res.data != null && res.data != '') {
resolve(res.data);
} else {
reject('Plugin Load Error!');
}
});
});
});
});
Select Language