小编Cem*_*aan的帖子

为什么 switch case 中的逻辑 OR 运算符的行为很奇怪?

testMyNumber函数似乎认为第二个位置的数字不匹配。

为什么 4 和 10 返回默认情况?

function testMyNumber(number) {
  switch (number) {
    case 6:
      return number+" is 6";
      break;
    case (3 || 4) :
      return number+" is 3 or 4";
      break;

    case 9 || 10 :
      return number+" is 9 or 10";
      break;

    default:
      return number+" is not in 3,4,6,9,10";
      break;
  }
};
console.log(testMyNumber(6));
console.log(testMyNumber(3));
console.log(testMyNumber(4));
console.log(testMyNumber(9));
console.log(testMyNumber(10));
Run Code Online (Sandbox Code Playgroud)

有没有办法使这项工作?

javascript

14
推荐指数
2
解决办法
213
查看次数

Strapi 中是否可以有条件内容字段?

如何在 Strapi 中添加条件字段?

我想要一个条件字段,只有当布尔字段为 true 时才会出现

例如;

狗内容类型有一个布尔字段(询问狗是否有胡子),如果有,则询问它的颜色。


viewColorField = (beardStatus == TRUE)? TRUE : FALSE;

Run Code Online (Sandbox Code Playgroud)

条件场

Strapi 管理区域是否可能,或者我应该在前端解决它?

我正在使用 Strapi v3.0.0-beta。

感谢您提前的答复。

strapi

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

“use strict”在 Node 版本 14 中有用吗?

我已从Node.js 12.19更新到Node.js 14.15

使用这条线还有什么区别吗use strict

它能保证最新的功能吗?

node.js

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

vuelidate 异步验证器 - 如何去抖动?

所以我的电子邮件/用户表单元素上的异步验证器有问题。每次输入字母时,它都会检查验证。如果电子邮件是 30 个字符,那就是超过 30 个电话!任何人都知道去抖动 vuelidate 自定义验证器的最佳方法吗?当我尝试使用 debounce 时,我从 vuelidate 收到各种错误,因为它正在等待响应。

<div class="form-group">
        <label for="emailAddress">Email address</label>
        <input type="email" class="form-control col-md-6 col-sm-12" v-bind:class="{ 'is-invalid': $v.user.email.$error }" id="emailAddress" v-model.trim="$v.user.email.$model" @change="delayTouch($v.user.email)" aria-describedby="emailHelp" placeholder="email@example.com">
        <small v-if="!$v.user.email.$error" id="emailHelp" class="form-text text-muted">We'll never share your email with anyone.</small>
        <div class="error invalid-feedback" v-if="!$v.user.email.required">Email address is required.</div>
        <div class="error invalid-feedback" v-if="!$v.user.email.email">This is not a valid email address.</div>
        <div class="error invalid-feedback" v-if="!$v.user.email.uniqueEmail">This email already has an account.</div>
    </div>

    <script>
        import { required, sameAs, minLength, maxLength, email } from 'vuelidate/lib/validators'
        import …
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs2 vuelidate

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

Strapi上传到本地私有路径

我正在将 Strapi 与本地上传提供商一起使用。

每当我上传文件时,它都会存储在本地的“public/uploads”文件夹下,该文件夹是公共的。

这意味着任何拥有该文件 ID 的人都可以下载它,例如。http://strapi-admin:1337/uploads/image1_9a9bd50a5b.png

但是,我只想允许:

  • 下载给经过身份验证的用户,这些用户具有“消费者”角色,能够通过 Strapi API 下载文件。

这样做的最佳方法是什么?

我应该直接修改上传扩展名吗?或者我可以用什么解决方法来实现这个?

我仍然想在本地存储文件(不使用 AWS3 和其他云提供商)

谢谢

strapi

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

Vue Vuex 组件在商店更改时不更新

我对 Vue Vuex 有反应性问题。我正在使用开源倒数计时器。在下面的代码中,当 $store 中的活动项目更改时,item.dueDate会正确反应(新日期显示在页面上),但是,传递给 Countdown 的数据不会更新。它保留旧值。不过,它第一次确实有效。所以,它没有更新。为什么不?谢谢!!

    <template>
        <v-layout>
            <v-flex>
                <v-card v-if="item">
                    <v-card-text>
                        <h3>Countdown {{item.name}} - {{item.dueDate}}</h3>
                    </v-card-text>
                    <Countdown v-if="item.dueDate" :deadline="item.dueDate"></Countdown>
                </v-card>
            </v-flex>
        </v-layout>
    </template>

    <script> 
    import Countdown from 'vuejs-countdown'

    export default {    
      components: { Countdown },
      computed: {
                activeItem(){
                return this.$store.getters.activeItem
            },
            item(){
                return this.$store.getters.loadedItem(this.activeItem)
            }
        }
    }
    </script>
Run Code Online (Sandbox Code Playgroud)

vue.js vuex

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

如何在login.vue中添加标题?

如何更新 apolloProvider 的标头?

请查看 nativescript-vue 应用程序存储库:

https://github.com/kaanguru/vue-apollo-login

我无法正确解释,所以请查看该应用程序。我不知道如何更新 appolloClient 标头。

应用程序存储库有自己的注释和指令。您可以轻松安装和查看。

当前代码结构:

Post 请求提交用户的标识符和密码凭据进行身份验证,并在登录页面获取令牌

Apollo 需要将 jwt 令牌放入 Authorization 标头中。

  • Main.js:如果有 JWT 以标头开头,则启动 apollo 客户端

    • 如果没有 JWT 则转到登录

    • 如果有智威汤逊,请转到鸟类列表

  • 登录:从服务器获取jwt并将其写入本地存储

    • 转到鸟类列表(不显示数据,因为 apollo 在主 js 中初始化)

结构


import ApolloClient from 'apollo-boost'
import VueApollo from 'vue-apollo'

Vue.use(VueApollo)

const apolloClient = new ApolloClient({
  uri: 'http://sebapi.com/graphql',

// HEADERS WORK FINE IF TOKEN WAS IN MAIN
//   headers: {
//     authorization: `Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwiaWF0IjoxNTg2MzU2NzM2LCJleHAiOjE1ODg5NDg3MzZ9.wpyhPTWuqxrDgezDXJqIOaAIaocpM8Ehd3BhQUWKK5Q`,
// }

})
const apolloProvider = new VueApollo({
  defaultClient: …
Run Code Online (Sandbox Code Playgroud)

android vue.js graphql vue-apollo nativescript-vue

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

创建新数据后如何更新 Strapi GraphQL 缓存?

创建新数据后如何更新缓存?

来自阿波罗的错误信息

存储错误:应用程序试图写入一个没有提供 id 的对象,但存储已经包含了该对象的 UsersPermissionsUser:1 的 id。试图写入的 selectionSet 是:


{
  "kind": "Field",
  "name": { "kind": "Name", "value": "user" },
  "arguments": [],
  "directives": [],
  "selectionSet": {
    "kind": "SelectionSet",
    "selections": [
      { "kind": "Field", "name": { "kind": "Name", "value": "username" }, "arguments": [], "directives": [] },

      { "kind": "Field", "name": { "kind": "Name", "value": "__typename" } }
    ]
  }
}

Run Code Online (Sandbox Code Playgroud)

Nativescript-vue 前端详解

在此处输入图片说明

1-在 YouTube 上运行的Watch Book Mobile 应用程序https : //youtu.be/sBM-ErjXWuw

2-在 YouTube 上观看问题视频了解详情https : …

apollo vue.js strapi apollo-client vue-apollo

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

未使用 Vuelidate 定义属性或方法“$v”

错误:

[Vue 警告]:属性或方法“$v”未在实例上定义,但在渲染期间被引用。通过初始化属性,确保此属性是反应性的,无论是在数据选项中,还是对于基于类的组件。请参阅:https : //vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties

在发现

---> 在资源\资产\js\组件\产品\Product_create.vue

我使用 Vue.js 和 Vuelidate 作为验证器,我从这里复制并粘贴了此代码https://jsfiddle.net/Frizi/b5v4faqf/但它仍然不起作用:

Vue 组件:

    <template >
      <input v-model="$v.text.$model" :class="status($v.text)">
      <!-- <pre>{{ $v }}</pre> -->
    </template>
    
    <script>
    import { required, minLength, between } from 'vuelidate/lib/validators'
      export default {
         data() {
           return {
        text: ''
            }
           },
           validations: {
            text: {
            required,
            minLength: minLength(5)
          }
        },
        methods: {
            status(validation) {
            return {
                error: validation.$error,
              dirty: validation.$dirty
            }
          }
        }
      }
    </script>
Run Code Online (Sandbox Code Playgroud)

应用程序.js

    require('./bootstrap');
    
    window.Vue = require('vue');
    window.VueRouter …
Run Code Online (Sandbox Code Playgroud)

vue.js

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

结果缺少 allposts 属性

我是 Django 开发人员,所以第一次接触 vue 和 graphql,我不知道如何准确处理这个错误。

在此输入图像描述

这是我的代码,我的查询可能有问题,


    <template>
      <section>
        <div class="home">
          <h2>hiii</h2>
          <div v-for="i in allposts" :key="i.id">
            <ul>
              <li>
                <h3>hey</h3>
                <strong>{{id}}</strong>:
                <span>{{title}}</span>
              </li>
            </ul>
          </div>
        </div>
      </section>
    </template>

    <script>
    import gql from "graphql-tag";

    const PostQuery = gql`
      query allposts {
        allPosts {
          id
          title
        }
      }
    `;

    export default {
      props: [],
      data() {
        return {
          allposts: []
        };
      },

      apollo: {
        allposts: PostQuery
      }
    };
    </script>
Run Code Online (Sandbox Code Playgroud)

可以看到数据已成功获取

在此输入图像描述

谁能指导我在这里做错了什么?

提前致谢。

apollo vue.js graphql vuejs2

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