小编Maj*_*awi的帖子

JavaScript forEach:改变元素

我想在数组上使用 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)

这里发生了什么?

javascript arrays foreach loops

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

Vue:绑定动态和静态类

对 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)

vue.js

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

React Hook Form:isDirty 无法加载

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

问题是,最初,即使输入为空,提交按钮也不会被禁用。

reactjs react-native react-hook-form

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

JavaScript 数组中的第二大元素 代码错误

我编写此代码是为了获得第二个最大值...它在 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)

javascript arrays

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

Vuejs - 如何将 prop 的默认值设置为预定义数据?

问题很简单。我想定义 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 文件 …

vue.js vue-props

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

Vue.js:将数据从一个子组件传递到具有相同父组件的另一个子组件?

我有 2 个组件,它们共享一个共同的父组件。我希望能够将数据从一个子组件传递到另一个子组件。(我使用的是vueJS 2)

javascript vue.js

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

JavaScript:将数组中的所有重复值更改为 0

我有一个包含重复值的数组

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)

javascript arrays

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

Vuetify:向 v-btn 添加自定义悬停样式

我是 的初学者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所以当鼠标悬停在按钮上时,颜色变为“红色”?

javascript vue.js vuetify.js

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

react-hook-form:检查未保存的更改

我有一个预先填写的表格,由以下控制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变量,但它似乎不包含类似的内容。

reactjs react-native react-hook-form

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

如何更改 Javascript 对象数组中的属性名称?

我有一系列对象 -

const obj = [{name:'josh', city:'Sydney'},{name:'alice', city:'York'}]
Run Code Online (Sandbox Code Playgroud)

我想将“城市”属性更改为“城镇”。如何对数组中每个对象的属性进行更改?

javascript arrays

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

JavaScript 扩展运算符:克隆对象后深层属性发生变化

我得到的输出是 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)

javascript

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

JavaScript:如何按名称获取变量的值

我有 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

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