当前位置:AIGC资讯 > AIGC > 正文

大话Stable-Diffusion-Webui-动手开发一个简单的stable-diffusion-webui(四)

文章目录

vueuse 安装 文生图请求参数以及请求结果保存 轮播图组件完善 动态获取采样方法

vueuse

vueuse工具包封装了一些常用的方法,且对于数据的操作是响应式的。接下里我们会用其中的useStorage方法保存组件中的参数以及文生图API的请求结果,这样在浏览器刷新后依然可以得到原来的数据。

安装

PS D:\AI\sd\blog\sd_api> npm install @vueuse/core

added 6 packages in 1s

文生图请求参数以及请求结果保存

上篇内容我们已经实现了文生图的功能,但是当我们主动刷新网页后,组件中填充的参数又回到了默认,为此我们需要将这些参数保存在浏览器的内存中。
首先需要在main.vue中的script标签中引入vueuse,然后进行使用

<!-- 脚本代码 --&

更新时间 2023-12-22