小编Val*_*man的帖子

querySelector 子级到父级

现在我正在开发一个应用程序。我一直在纠结如何选择孩子的父母。

我想做的是单击子项(卡)并与父项(单元格)一起执行某些操作。

有没有一种方法可以查询父项的选择器,例如

const selectedParentFromChild = document.querySelector(".child .parent")

解决方案:
对于那些也曾陷入困境的人。您可以像@Phix 在下面的评论中提到的那样使用parentElement 。

javascript

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

Vue.js 将子组件导入到组件中

今天我正在制作一个 todo 网络应用程序,但现在我想Todo在我的Todolist组件中导入一个。我的组件:

应用程序(父)--> Todolist(子)--> Todo(子)

错误:

24:5 错误“Todo”组件已注册但未使用 vue/no-unused-components

代码

待办事项列表

<template>
<!-- TEMPLATE FOR THE TODOS -->

  <div v-for="(todo) in todos" :key="todo.id">
    <Todo
      :todo="todo.text"
      :index="todo.id"
      :checked="todo.checked"
      :deleteTodo="deleteTodo"
    />
  </div>

</template>
Run Code Online (Sandbox Code Playgroud)
<template>
<!-- TEMPLATE FOR THE TODOS -->

  <div v-for="(todo) in todos" :key="todo.id">
    <Todo
      :todo="todo.text"
      :index="todo.id"
      :checked="todo.checked"
      :deleteTodo="deleteTodo"
    />
  </div>

</template>
Run Code Online (Sandbox Code Playgroud)

命令行告诉我导入已导入,但导入尚未使用。

希望大家帮帮我

提前致谢!

javascript eslint vue.js vue-component vue-cli

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

在其他页面使用道具

今天我正在处理一个 React/Gatsby 网站。我想在每个页面上制作横幅。我想制作一个组件并使用一个参数。我使用我的照片作为参数。

但每次我收到错误:“无法读取未定义的属性‘道具’

索引.js:

<Banner image={<image parameter>} alt="..."/>
Run Code Online (Sandbox Code Playgroud)

在我的 Banner.js 上:

import React from 'react';

const Banner = () => {
  return (
      <img src={ this.props.image } className={'banner-fullwidth'} alt={"Banner on page"}/>
  )
}

export default Banner;
Run Code Online (Sandbox Code Playgroud)

我的代码有什么问题?


还是遇到了问题:

即使我用箭头函数中的道具改变了我的函数。

在此处输入图片说明

javascript jsx reactjs gatsby

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

标签 统计

javascript ×3

eslint ×1

gatsby ×1

jsx ×1

reactjs ×1

vue-cli ×1

vue-component ×1

vue.js ×1