我想在数组上使用 forEach 。由于 forEach 是一个变异器,它应该改变原始数组中的值,但事实并非如此。这里有什么问题?
let array = [1, 2, 3, 4]; //simple array declaration
array.forEach((ele) => ele * 2); //using forEach to double each element in "array"
console.log(array); //logs [1,2,3,4] instead of [1,4,6,8]Run Code Online (Sandbox Code Playgroud)
这里发生了什么?
对 Vue 有点陌生,所以我正在寻找一种更好的方法(如果有的话)来设置默认类,而无需两次使用 class 属性。
组件.vue
<template>
<input class="form__control" :class="class" v-bind="$attrs"/>
<template>
<script>
export default {
props: ['class']
}
<script>
Run Code Online (Sandbox Code Playgroud)
用法
<component class="big-red" data-id="1" type="text"/>
Run Code Online (Sandbox Code Playgroud) 我正在使用react-hook-form一个所需的输入来控制和验证表单。
const {control, handleSubmit, formState, reset} = useForm({
mode: 'onChange',
});
const {isDirty, isValid, errors} = formState;
Run Code Online (Sandbox Code Playgroud)
要禁用提交按钮:
disabled={!isDirty || !isValid}
Run Code Online (Sandbox Code Playgroud)
问题是,最初,即使输入为空,提交按钮也不会被禁用。
我编写此代码是为了获得第二个最大值...它在 nums=[1,2,3,2,4] 等情况下工作,并且我得到的第二个最大值等于 3。但是如果 mu 数组是 [1,2,3, 4,5,6,7,8,9,10]第二个最大值的输出是8。请帮忙。
function getSecondLargest(arr){
let uniqueArr = [ ...new Set(arr) ];
uniqueArr.sort();
const z= uniqueArr.length;
return arr[z-2];
}
Run Code Online (Sandbox Code Playgroud) 问题很简单。我想定义 adata如下;
data() {
return {
logoURL: "some-link/some-picture.png"
}
}
Run Code Online (Sandbox Code Playgroud)
我想将其设置为道具的默认状态,如下所示:
props: {
infoLogoURL: {
type: String,
default: this.logoURL,
},
}
Run Code Online (Sandbox Code Playgroud)
显然它没有按照我想要的方式工作,并且出现以下错误:
Uncaught TypeError: Cannot read property 'logoURL' of undefined
Run Code Online (Sandbox Code Playgroud)
我该如何处理这个问题?这是我如何使用道具的示例:
<cardComp
infoTitle = "Info Title"
infoText = "Info Text"
infoSubIcon = "Sub Icon Name"
infoSubIconColor = "css-color-class"
infoSubText = "Sub Text"
infoDescription = "Some Text Description"
infoIcon = "Icon Name"
infoIconColor = "icon-color-css"
infoLogoURL = "some-link/some-picture.png"
/>
Run Code Online (Sandbox Code Playgroud)
这是另一个问题...我想infoIcon在没有infoLogoURL. 假设该特定 .png 文件的链接暂时不可用,因此在这种情况下,我想显示 .png 文件 …
我有 2 个组件,它们共享一个共同的父组件。我希望能够将数据从一个子组件传递到另一个子组件。(我使用的是vueJS 2)
我有一个包含重复值的数组
let ary = [5, 1, 3, 5, 7, 8, 9, 9, 2, 1, 6, 4, 3];
我想将重复值设置为 0:
[0, 0, 0, 0, 7, 8, 0, 0, 2, 0, 6, 4, 0]
可以找出重复值,但我想将重复值改为0,有什么更好的方法吗?
let ary = [5, 1, 3, 5, 7, 8, 9, 9, 2, 1, 6, 4, 3];
Array.prototype.duplicate = function () {
let tmp = [];
this.concat().sort().sort(function (a, b) {
if (a == b && tmp.indexOf(a) === -1) tmp.push(a);
});
return tmp;
}
console.log(ary.duplicate()); // [ 1, 3, …Run Code Online (Sandbox Code Playgroud)我是 的初学者Vuetify。我想在我的网站上创建一个按钮,如下所示:
<v-btn class="v-btn white--text mx-1 px-6" elevation="2" x-small rounded color="#BB86FC">text</v-btn>
Run Code Online (Sandbox Code Playgroud)
<v-hover>还在我的代码中添加标签:
<v-hover>
<v-btn class="white--text mx-1 px-6" elevation="2" x-small rounded color="#BB86FC">text</v-btn>
</v-hover>
Run Code Online (Sandbox Code Playgroud)
并在我的中添加样式CSS:
.v-btn:hover:
Run Code Online (Sandbox Code Playgroud)
但不工作。
我怎样才能给它一个不同的style改变,background color所以当鼠标悬停在按钮上时,颜色变为“红色”?
我有一个预先填写的表格,由以下控制react-hook-form:
const {control, handleSubmit, formState, setValue, reset} = useForm<UserDetailsForm>({
mode: 'onChange',
defaultValues,
});
const {errors, isDirty, isValid} = formState;
...
Run Code Online (Sandbox Code Playgroud)
提交按钮:
<Button
variant="link"
title="Save Changes"
onPress={handleSubmit(handleProceed)}
disabled={!isDirty || !isValid}
/>
Run Code Online (Sandbox Code Playgroud)
返回时,我需要检查表单是否有未保存的更改,如果有则显示警报。
我该如何检查?我尝试检查formState变量,但它似乎不包含类似的内容。
我有一系列对象 -
const obj = [{name:'josh', city:'Sydney'},{name:'alice', city:'York'}]
Run Code Online (Sandbox Code Playgroud)
我想将“城市”属性更改为“城镇”。如何对数组中每个对象的属性进行更改?
我得到的输出是 5,但我假设是 3。背后的逻辑是什么以及如何使输出 3。
const obj = {
a: 1,
b: 2,
c: {
p: 3
}
}
const obj1 = { ...obj}
obj.c.p = 5
console.log(obj1.c.p)Run Code Online (Sandbox Code Playgroud)
我有 JS 文件:
var text1 = "There is text1";
var text2 = "There is text2";
var text3 = "There is text3";
Run Code Online (Sandbox Code Playgroud)
在变量 actual_text 中,我在 str 中有“text2”。
actual_text = "text2";
Run Code Online (Sandbox Code Playgroud)
它是字符串,因为它基于前面的代码,这是正确的。
现在我需要将 actual_text 中的“text2”重新输入到 text2(作为带有内容的变量)并使用变量 actual_text 将其输出:
<p id="myoutput"></p>
document.getElementById('myoutput').innerHTML=actual_text;
Run Code Online (Sandbox Code Playgroud) javascript ×8
arrays ×4
vue.js ×4
react-native ×2
reactjs ×2
foreach ×1
loops ×1
vue-props ×1
vuetify.js ×1