小编Mar*_*tin的帖子

如何使用 Tailwind CSS 创建多个主题?

查看 Tailwind CSS,似乎您需要在类中指定特定颜色,如下所示:

<div class="bg-yellow-200 dark:bg-gray-800"></div>
Run Code Online (Sandbox Code Playgroud)

但是,如果我想在我的 Web 应用程序中提供 10 个不同的主题供用户选择,该怎么办?就像我可能有诸如halloweensummerwinterparty之类的主题。

我知道使用常规 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 做到这一点呢?我在文档中找不到与此相关的任何内容。

html css tailwind-css

27
推荐指数
4
解决办法
2万
查看次数

Vue 3-inject() 只能在设置或功能组件内部使用

我不明白为什么我会收到此错误。我试图在组合函数中使用 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)

javascript vue.js vuex vuejs3 vue-composition-api

19
推荐指数
1
解决办法
5万
查看次数

Vue.js一起输入键和模糊事件

我试图这样做,以便如果按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/

javascript vue.js

4
推荐指数
2
解决办法
1885
查看次数

[Vue warn]:inject()只能在setup()或功能组件内部使用

我想使用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)

javascript vue.js primevue vuejs3

4
推荐指数
1
解决办法
8179
查看次数

如果C中的所有变量/函数名称必须是唯一的,那么标准库中如何不发生冲突?

我无法理解 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)

c

4
推荐指数
1
解决办法
171
查看次数

SQL:选择与另一个表中的某些内容匹配的所有行

我正在尝试编写这样的查询(希望只有一个查询):从收件箱表中选择所有消息,其中消息的“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)

php sql

-1
推荐指数
1
解决办法
3738
查看次数

标签 统计

javascript ×3

vue.js ×3

vuejs3 ×2

c ×1

css ×1

html ×1

php ×1

primevue ×1

sql ×1

tailwind-css ×1

vue-composition-api ×1

vuex ×1