该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)
有没有办法使这项工作?
我想要一个条件字段,只有当布尔字段为 true 时才会出现
例如;
狗内容类型有一个布尔字段(询问狗是否有胡子),如果有,则询问它的颜色。
viewColorField = (beardStatus == TRUE)? TRUE : FALSE;
Run Code Online (Sandbox Code Playgroud)
Strapi 管理区域是否可能,或者我应该在前端解决它?
我正在使用 Strapi v3.0.0-beta。
感谢您提前的答复。
我已从Node.js 12.19更新到Node.js 14.15
使用这条线还有什么区别吗use strict
?
它能保证最新的功能吗?
所以我的电子邮件/用户表单元素上的异步验证器有问题。每次输入字母时,它都会检查验证。如果电子邮件是 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) 我正在将 Strapi 与本地上传提供商一起使用。
每当我上传文件时,它都会存储在本地的“public/uploads”文件夹下,该文件夹是公共的。
这意味着任何拥有该文件 ID 的人都可以下载它,例如。http://strapi-admin:1337/uploads/image1_9a9bd50a5b.png
但是,我只想允许:
这样做的最佳方法是什么?
我应该直接修改上传扩展名吗?或者我可以用什么解决方法来实现这个?
我仍然想在本地存储文件(不使用 AWS3 和其他云提供商)
谢谢
我对 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) 请查看 nativescript-vue 应用程序存储库:
https://github.com/kaanguru/vue-apollo-login
我无法正确解释,所以请查看该应用程序。我不知道如何更新 appolloClient 标头。
应用程序存储库有自己的注释和指令。您可以轻松安装和查看。
Post 请求提交用户的标识符和密码凭据进行身份验证,并在登录页面获取令牌。
Apollo 需要将 jwt 令牌放入 Authorization 标头中。
Main.js:如果有 JWT 以标头开头,则启动 apollo 客户端
如果没有 JWT 则转到登录
如果有智威汤逊,请转到鸟类列表
登录:从服务器获取jwt并将其写入本地存储
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) 存储错误:应用程序试图写入一个没有提供 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)
1-在 YouTube 上运行的Watch Book Mobile 应用程序:https : //youtu.be/sBM-ErjXWuw
2-在 YouTube 上观看问题视频了解详情:https : …
错误:
[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) 我是 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)
可以看到数据已成功获取
谁能指导我在这里做错了什么?
提前致谢。