小编Bal*_*áni的帖子

Chrome DevTools中的== $ 0是什么意思?

当您单击"检查元素"或控制台中的元素时,您可以== $0在他旁边看到.

这代表什么?实用程序是什么?

您可以输入$0控制台,它将输出元素,但您打算如何使用它?

console google-chrome-devtools

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

在Formik中提交后如何重置/清空表单

所以我有我的表格。我只是希望它在提交成功后为空。

我已经看到我应该enableReinitializing像 : 那样手动使用和更改值this.values.content = ""

但我不明白我可以把这个选项放在哪里?

<Formik
    enableReinitializing //This is not working
    initialValues={{
        content: "",
    }}
    validationSchema={validAddMessageToProjectSchema(
        this.props.intl.locale
    )}
    validateOnBlur={true}
    onSubmit={ async ( values: AddMessageToProjectFormValue,
        { setSubmitting }: any
    ) => { await mutate({ variables: values });
        setSubmitting(false);
    }}
>
    {({ isSubmitting, values, errors, touched, setFieldValue }) => {
        return (
            <Form className="addMessageToProject-form">
                <div>
                    <FormattedMessage
                        id="addMessageToProject.descriptionField"
                        defaultMessage="Describe your post"
                    >
                        {msg => (
                            <Field
                                name="content"
                                placeholder={msg}
                                component={
                                    TextAreaField
                                }
                            />
                        )}
                    </FormattedMessage>
                </div>

                <Button
                    type="primary" …
Run Code Online (Sandbox Code Playgroud)

forms reactjs formik

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

在Laravel中将刀片的变量大写

我过去经常使用smarty,现在转移到Laravel,但是我错过了一些真正使用的东西.您的模板中的修改是可变的.

假设我有一个变量赋值为{{$var}}.Laravel有没有把它设置成大写?就像是 :{{$var|upper}}

遗憾的是我没有找到任何文件.

php laravel laravel-blade

3
推荐指数
2
解决办法
9634
查看次数

在确认消息中模拟"确定"?

有没有办法在确认框中模拟Enter键?

由...创建的框的类型 confirm("Press a button!");

javascript

3
推荐指数
1
解决办法
1079
查看次数

Magento 2 自定义模块(管理员)微调器永远不会消失

我想在我的 magento2 模块中显示记录列表。数据已成功加载,但加载进度条从未消失: 加载进度条永不消失

我的 ui_component 文件名为:paymentconfirmations_paymentconfirmation_listing.xml:

<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<argument name="data" xsi:type="array">
    <item name="js_config" xsi:type="array">
        <item name="provider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing_data_source</item>
        <item name="deps" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing_data_source</item>
    </item>
    <item name="spinner" xsi:type="string">blog_post_columns</item>
</argument>
<dataSource name="paymentconfirmations_paymentconfirmation_listing_data_source">
    <argument name="dataProvider" xsi:type="configurableObject">
        <argument name="class" xsi:type="string">PaymentConfirmationDataProvider</argument>
        <argument name="name" xsi:type="string">paymentconfirmations_paymentconfirmation_listing_data_source</argument>
        <argument name="primaryFieldName" xsi:type="string">id</argument>
        <argument name="requestFieldName" xsi:type="string">id</argument>
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="update_url" xsi:type="url" path="mui/index/render"/>
            </item>
        </argument>
    </argument>
    <argument name="data" xsi:type="array">
        <item name="js_config" xsi:type="array">
            <item name="component" xsi:type="string">Magento_Ui/js/grid/provider</item>
        </item>
    </argument>
</dataSource>
<container name="listing_top">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="template" xsi:type="string">ui/grid/toolbar</item>
        </item> …
Run Code Online (Sandbox Code Playgroud)

module admin loading magento magento2

3
推荐指数
1
解决办法
3258
查看次数

作为对象访问 vue-i18n 消息

我想创建一个取决于页面的动态滑块。

    security_signin: {
        slide1: 'Kitten1',
        slide2: 'Kitten2',
    },
    signup: {
        slide1: 'Kitten1',
        slide2: 'Kitten2',
        slide3: 'Kitten3'
    }
Run Code Online (Sandbox Code Playgroud)

问题是我想在我的组件中根据幻灯片的数量呈现我的滑块。

所以这是这样的:

<slide v-for="(item, index) in $t('message.'+page).length">
    <p v-html="$t('message.'+page+'.slide'+index)"></p>
</slide>
Run Code Online (Sandbox Code Playgroud)

但是,我无法通过这种方式正确访问消息。因为 $t('message.'+page).length它给了我第一张幻灯片的长度(在 Kitten1 案例中为 7)。

有没有办法在不重新创建 i18n 实例的情况下访问它?

javascript vue.js vue-i18n

3
推荐指数
2
解决办法
8019
查看次数

选择* SQL中的关联为空的地方?

因此,我对SQL尤其是在使用正确的语法方面有些迷失。

快点:这是我的桌子

我们有产品:

+------------------------+------------------+------+-----+---------------------+----------------+
| Field                  | Type             | Null | Key | Default             | Extra          |
+------------------------+------------------+------+-----+---------------------+----------------+
| id                     | int(10) unsigned | NO   | PRI | NULL                | auto_increment |
| slug                   | varchar(255)     | NO   |     | NULL                |                |
| title                  | varchar(255)     | NO   |     | NULL                |                |
| resume                 | varchar(255)     | NO   |     | NULL                |                |
| country_id             | varchar(255)     | NO   |     | NULL                |                |
| city_id                | varchar(255) …
Run Code Online (Sandbox Code Playgroud)

mysql

2
推荐指数
1
解决办法
723
查看次数

如何避免 tslint 特定规则?

所以我处于一种情况,我希望特定的类能够禁用每个文件的最大类。

但是我尝试添加规则 /* tslint:disable:max-classes-per-file: */

在文件的开头,但我仍然收到警告。

即使 "exclude": [ "src/modules/Utils/Utils.tsx" ]在我的 tsconfig.json 中做也行不通。

我还在

web_1 | /usr/app/web/src/modules/Utils/Utils.tsx

web_1 | /usr/app/web/src/modules/Utils/Utils.tsx(19,1) 中的错误:

web_1 | max-classes-per-file:每个文件最多允许 1 个类。

我错过了什么吗?

typescript tslint

2
推荐指数
1
解决办法
3813
查看次数

无法在 Nuxt 2.12 中使用 $fetchState

所以我正在尝试使用文档中描述的新功能。

但是我最终得到了这个错误:

属性或方法“$fetchState”未在实例上定义,但在渲染期间被引用。

尽管我的组件清楚地定义了 fetch() 方法并且我设法从中得到了一些东西。

<template>
    <div v-if="$fetchState">
        <p v-if="$fetchState.pending">Fetching posts...</p>
        <p v-else-if="$fetchState.error">Error while fetching posts</p>
        <div v-else>
            <div v-if="content.content1" v-html="content.content1" />
            <div v-if="content.content2" v-html="content.content2" />
        </div>
    </div>
</template>
<script>
import { mapState } from 'vuex'

export default {
    async fetch({ store, error }) {
        try {
            await store.dispatch('home/fetchContent')
        } catch (e) {
            error({
                statusCode: 503,
                message: 'Unable to fetch'
            })
        }
    },
    computed: mapState({
        content: (state) => state.home.content
    })
}
</script>

Run Code Online (Sandbox Code Playgroud)

有没有人遇到过?

javascript fetch vue.js nuxt.js

2
推荐指数
1
解决办法
2118
查看次数

相同高度的响应图像保持其比率

我面临一个似乎没有得到解决的问题,除非我没有找到答案(这不是在"可能已经有你的答案的问题"中我没有发现它在网上).

所以这是我的问题:我有多个图像从不相同的高度/宽度,但我希望它们以相同的方面显示并保持它们的比例.具体而言,我想要尊重的是:

  • 相同的高度/宽度
  • 相同比例(无变形)
  • 响应
  • 完全填充容器
  • 裁剪为完全填充
  • 中央

像这样,但响应: 例

这是我现在发现的一个小提琴:我的挖掘

CSS:

这是为了保持相同的比例.

height: 50%;
width: auto;
Run Code Online (Sandbox Code Playgroud)

而这只是我想要的大小(但这不是响应!)

   position: relative ;
    float: left;
    height:200px;
    width:200px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
Run Code Online (Sandbox Code Playgroud)

我对所有解决方案持开放态度; jQuery也是.

html css jquery

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

这是什么:document.reservation.submit(); 应该做的?

我正在重新编写一个旧开发人员的代码,我正在尝试做一个预订表单.

我查看了整个代码,唯一称为预留的是表单的名称和ID.

形式是谁的风格:display:none...

所以两个问题在一个:首先应该做的是什么

document.reservation.submit(); 它是否想以他的名字获取表格?

不应该是这样的 document.getElementById('reservation').submit()吗?

我的第二个问题是:如果所有的值都被设置为display:noneI艰难它不能工作,如何发送表单如果你想隐藏它们你将使用隐藏属性...

我需要一些帮助这个家伙请:)

形式为beter理解:

<form name='reservation' action='http://xxxx/reservationFormAction.to' method="POST" id="reservation">
    <input type="hidden" id="productLive" name="product" value="{$product.info.code}"/>
    <input type="hidden" name="complementaryParameters" value=""/>    
    <input type="text" name="depCityCode" id="depCityCode" style="display:none"  />
    <input type="text" name="dateDep" id="dateDep" style="display:none" />
    <input type="text" name="nightDuration" id="nightDuration"  style="display:none" />
    <input type="text" name="dayDuration" id="dayDuration"  style="display:none" />
    <input type="text" name="provider" value="{$product.tourOperator.code}" style="display:none" />
    <input type="text" id="toProduct" name="toCode" value="{$product.info.toProductCode}" style="display:none" />
    <input type="text" name="catalogCode" value="{$product.info.code}" style="display:none" />
    {if $ecall}
    <input type="text" name="reservationProfileChannelCode" value="ECALL" style="display:none" …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

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

为什么css中的选择器'+'不适用于图像?

所以我有一个非常基本的CSS,如果你悬停一个按钮,就会显示图像.但我不明白为什么它不起作用.有没有我没有得到的规范?

#hoverMe:hover + img, #hoverMe:hover + p {
  background-color:red;
  display:block;
}
img {
  display:none;
  transition:0.5s;
}
Run Code Online (Sandbox Code Playgroud)
<button id="hoverMe">HOVER ME</button>
<p>Test</p>          
<div class="image">
  <img src="http://www.placehold.it/350x200" id="image2">
</div>
Run Code Online (Sandbox Code Playgroud)

css

0
推荐指数
1
解决办法
36
查看次数

对于具有 GraphQl 和 TypeORM 的不可空字段 Message.sender,无法返回 null

所以我想弄清楚为什么我的 Query 最终是:

{
  "errors": [
    {
      "message": "Cannot return null for non-nullable field Message.sender.",
    }
    ...
}
Run Code Online (Sandbox Code Playgroud)

这是我的实体

@Entity()
export class Message extends BaseEntity {
    @PrimaryGeneratedColumn("uuid")
    id: string;

    @Column("text")
    content: string;

    @CreateDateColumn()
    created_at: string;

    // @ts-ignore
    @ManyToOne(type => User, user => user.messages)
    sender: User;
}
Run Code Online (Sandbox Code Playgroud)

还有我的解析器:

allMessagesOfProject: async (_, { projectId }, __) => {
    const project = await Project.findOne({
        relations: ["messages"],
        where: { id: projectId }
    });
    if (project) {
        const messages = project.messages;
        return messages.reverse();
    }
    return …
Run Code Online (Sandbox Code Playgroud)

apollo reactjs graphql typeorm

0
推荐指数
1
解决办法
382
查看次数