查看 Tailwind CSS,似乎您需要在类中指定特定颜色,如下所示:
<div class="bg-yellow-200 dark:bg-gray-800"></div>
Run Code Online (Sandbox Code Playgroud)
但是,如果我想在我的 Web 应用程序中提供 10 个不同的主题供用户选择,该怎么办?就像我可能有诸如halloween“summer和winter”party之类的主题。
我知道使用常规 CSS 可以很容易地做到这一点,如下所示:
[data-theme="halloween"] {
--color-bg: #000;
--color-body: #757981;
}
<body data-theme="halloween"></div>
Run Code Online (Sandbox Code Playgroud)
然后使用 Javascript 我可以更改 data-theme 属性,主题也会改变。
但是我怎样才能用 Tailwind CSS 做到这一点呢?我在文档中找不到与此相关的任何内容。
我不明白为什么我会收到此错误。我试图在组合函数中使用 Vuex 存储,但它不断向我抛出有关注入的错误(我什至没有使用注入)。我的应用程序对后端进行等待 api 调用,如果出现错误,则调用我的组合函数。
[Vue warn]: inject() can only be used inside setup() or functional components.
inject @ runtime-dom.esm-bundler-9db29fbd.js:6611
useStore @ vuex.esm-bundler.js:13
useErrorHandling @ useErrorHandling.js:5
checkUserExists @ auth.js:53
Run Code Online (Sandbox Code Playgroud)
这是我的合成函数
import { useStore } from 'vuex'
function useErrorHandling()
{
const store = useStore() // <-- this line
function showError(errorMessage) {
console.log(errorMessage)
}
return { showError }
}
export default useErrorHandling
Run Code Online (Sandbox Code Playgroud)
如果我删除这一行,那么它就不会抛出该错误
// const store = useStore() // <-- this line
Run Code Online (Sandbox Code Playgroud)
更新:这就是函数的调用方式。
/**
* Check if a user exists in database …Run Code Online (Sandbox Code Playgroud) 我试图这样做,以便如果按Enter键或元素失去焦点,则它会隐藏该元素并显示一条消息。但是问题在于,当我按下Enter键并且元素隐藏时,它也会触发模糊事件。它应该只执行其中之一。
另外,如何避免通过调用hideField()函数重复两次自己。我只能调用一次(bur或key.enter)吗?
<input id="name" v-on:blur="hideField('name')" v-on:keyup.enter="hideField('name')">
Run Code Online (Sandbox Code Playgroud)
这是一个小提琴。 http://jsfiddle.net/dag5ch26/3/
我想使用PrimeVue库中的 Toast 组件,并且还想为其创建一个很好的可重用服务,但我收到此错误。如果我不尝试为 Toast 通知提取单独的服务,这似乎不是问题。
但我确实想useToast()从自定义服务内部调用,而不是直接在组件的setup函数中调用。
我正在使用Vue 3.2.25最新Vite.js 2.9.9版本的PrimeVue
[Vue warn]: inject() can only be used inside setup() or functional components.
[Vue warn]: Unhandled error during execution of native event handler
at <App>
Uncaught Error: No PrimeVue Toast provided!
at useToast (usetoast.esm.js:8:15)
at Proxy.showToast (toastService.js:4:19)
at _createElementVNode.onClick._cache.<computed>._cache.<computed> (App.vue:4:21)
at callWithErrorHandling (runtime-core.esm-bundler.js:155:22)
at callWithAsyncErrorHandling (runtime-core.esm-bundler.js:164:21)
at HTMLButtonElement.invoker (runtime-dom.esm-bundler.js:369:13)
Run Code Online (Sandbox Code Playgroud)
这是CodeSandbox链接:https://codesandbox.io/s/prime-vue-toast-issue-owcio8?file=/src/ services/toastService.js
这是我的main.js
[Vue warn]: inject() can only be used …Run Code Online (Sandbox Code Playgroud) 我无法理解 C 的这一点。由于每个变量和函数都必须是唯一的(因为它们是全局的),那么对于像标准 C 库和第三方库这样的巨大库,这怎么可能呢?是的,您可以将每个变量设置为“静态”,但情况似乎并非如此。
例如,我在寻找时发现了这个random_data结构stdlib.h,我想知道 - 另一个库也有一个名为 的结构的可能性有多大random_data?这样不会起冲突吗?
标准库文件
struct random_data {
int32_t *fptr;
int32_t *rptr;
...
};
Run Code Online (Sandbox Code Playgroud)
我的意思是,如果两者stdlib都有stdio一个名为的结构random_data,并且我要将这两个库都包含在我的程序中怎么办?标准库有数千个函数和变量,它们似乎不可能都是唯一的。还有第三方库呢?如果第三方库也有一个名为 的结构怎么办random_data?
#include <stdio.h>
#include <stdlib.h>
int main() {
}
Run Code Online (Sandbox Code Playgroud) 我正在尝试编写这样的查询(希望只有一个查询):从收件箱表中选择所有消息,其中消息的“SenderNumber”位于“Sentitems”表中,并且 CreatorID 为“Martin”
例如我的收件箱表如下所示:
| SenderNumber | TextMessage |
11111111 Yes, nice world!
22222222 Howdy folks!
Run Code Online (Sandbox Code Playgroud)
我的Sentites表看起来非常相似
| DestinationNumber | TextMessage | CreatorID
11111111 Hello world? Martin
22222222 How you do? John
Run Code Online (Sandbox Code Playgroud)
我想在这种情况下从收件箱表中获取所有消息 -在我的Sentitems表中有一个“SenderNumber”/“DestinationNumber”条目,并且CreatorID是“Martin”。
因此,在这种情况下,它将返回此条目,因为另一个号码的 CreatorID 不是“Martin”而是“John”
| SenderNumber | TextMessage |
11111111 Yes, nice world!
Run Code Online (Sandbox Code Playgroud)