在组件内使用时未定义Dropzone

文章/答案/技术大牛

发布

2回答

vue.js、vuejs2、dropzone.js、laravel-mix、vue2-dropzone

我目前正在尝试将vue2-dropzone导入到我的Laravel项目中，因此它正在使用Laravel mix。) 然后，我希望能够在我的一个组件中使用，该组件位于一个名为"CreatePersonalExpense.vue“的文件中。可以使用Vue router访问此组件。下面是如何在我的组件中使用它的一个片段： <template> <div class=&q

浏览 35提问于2019-02-19得票数 1

回答已采纳

1回答

$refs在vue2-dropzone组件中的mounted()过程中未定义

typescript、vue.js、vue-component、hook、vue2-dropzone

我目前正在尝试确保在应用程序的初始加载时禁用my componentvue2dropzone，然后当我试图使应用程序在移动设备上响应时，我开始注意到控制台中的这个错误。$refs.vue2dropzone is undefined" 我注意到在Vue中发生了这个问题，根据我的研究，这似乎是一个常见的问题，当你在组件的子组件中修改v-if或v-else-if以显示某些内容时我为vue2dropzone

浏览 18提问于2020-05-21得票数 0

回答已采纳

2回答

通过改变父母在React中的道具更新子组件

reactjs、components、render、jsx

我有一个组件，其状态作为支持传递给子组件。我注意到，即使父组件的状态发生了更改，子组件也不会重新呈现。问题是，由于父组件和内部组件共享对同一个对象的引用，当对象在onClick函数的第2行上发生变异时，内部组件的支柱将发生变化。父组件子组件 export default class Dropzone</em

浏览 2提问于2016-08-04得票数 4

3回答

React不会在状态更改时得到更新。

reactjs、typescript、react-hooks

下面的示例是一个简化的摘录，其中一个子组件根据鼠标行为发射事件。然后，React应该根据发出的事件更新DOM。实际发生的事情：编辑:在de示例中，setTooltip甚至没有触发重发程序。

浏览 0提问于2019-08-22得票数 5

回答已采纳

1回答

自定义组件中的双向绑定不起作用

ember.js、ember-cli

我创建了这样一个组件：<p>Awesome text</p> {{value}}components/files-dropzone.js import Ember from &#

浏览 1提问于2015-03-04得票数 1

回答已采纳

1回答

将JSON对象从子组件传递给父组件

json、reactjs

在一个简短的总结中，我已经实现了一个光电处理系统。我有一个div来显示上传的图像的预览。这个div位于我们称为parent.jsx的父组件中。在我们称为child.jsx的子组件中，我实现了一个上传系统。> <Dropzone multiple={false} onDrop={this(function(file) {return

浏览 0提问于2016-01-03得票数 1

回答已采纳

1回答

叶片模板内的Vue槽道具

vue.js、laravel-blade

在一个叶片模板中，我有一个Vue3组件(zest-下拉区域)，在其中插入一个插槽：...</script><zest-dropzone accepted-files=".psd,application/pdf,audio/*,image/*,videohitsProps="hitsProps" :button-label="buttonLabel&qu

浏览 6提问于2022-05-02得票数 0

回答已采纳

2回答

如何在组件级别上实现异常处理

javascript、angular、reactjs

当在角(角4，5)内工作时，如果一个组件产生错误(TypeError或空或未定义的错误)，整个应用程序就会中断。我们如何处理这个问题，以便捕获组件级的错误，并可能显示一个备用UI，就像React16使用时所做的那样。

浏览 1提问于2018-01-22得票数 15

1回答

在上传图像之前在React中显示图像

javascript、html、reactjs

我使用react-dropzone来使它更酷;p不幸的是，在选择image之后，我有未定义的src属性。return <ImagePreview key={image.id} image={image.image}/> <div> multiple={true} accept="im

浏览 2提问于2017-08-29得票数 0

回答已采纳

2回答

Bash脚本函数调用错误

linux、bash、shell

具体来说，我想像这样调用我的脚本：其中，<abc>是固定父目录(~/app/dropzone)内的特定目录的名称。如果子<abc>目录不存在，我希望脚本在转到该目录之前创建它。如果用户根本不使用-d参数调用脚本，我希望该脚本以一条简单的用法消息存在。这是我到目前为止对该脚本的最好尝试：dropzone="~/app/dropzone</

浏览 3提问于2013-04-24得票数 0

回答已采纳

2回答

拖放:在无效的下拉区域中放置

javascript、vue.js、drag-and-drop

该功能在很大程度上是在之后实现的。因此，我的Dropzone组件和可拖放元素组件使用event.preventDefault()。由于我已经嵌套了Dropzone，所以我还在Dropzone上使用了event.stopPropagation()。与指定的组合拖放很好。我的问题是:当用户在Dropzone之外丢弃一个可拖动的元素时，UI就会中断。所以，我要找的是一个应用程序范围内的事件监听器，用于在无效的下拉区域进行滴

浏览 9提问于2022-07-11得票数 0

回答已采纳

1回答

未找到Ember组件

javascript、ember.js、components

我想要制作一个组件来包装来自HTML5拖放API的事件。这是我在Ember做的第一个部件，所以请容忍我。我们将模板预先编译成Templates.js和Components.js。我看过官方的Ember文档和一些关于Ember组件的教程，但是它仍然是这样的： Uncaught Error: Assertion Failed: A helper named 'dropzone' could并在某个文件或项被拖放到控制器区域内时，发送控制器上的dropped操作。content",

浏览 4提问于2015-07-28得票数 8

回答已采纳

1回答

使用react将基于类的组件转换为功能组件

javascript、reactjs、oop、react-hooks

我很难尝试转换我的组件。我的主要困惑是useState。在我的基于类的组件中，用this.setState更新我的状态很容易，但是对于钩子，我对它是如何实现的感到很困惑？currentDropZoneId,});然后使用我的JSX draggable onDrag={event => this.onDrag(event, item, dropZone.id

浏览 1提问于2020-02-02得票数 0

回答已采纳

2回答

Dropzone+Codeigniter:未定义索引:文件

codeigniter、dropzone.js

我试着用Dropzone创建一个上传表单，在开始的时候一切都很好:拖放表单显示和预览。问题在控制器内。当我试图处理这些文件时，数组$_FILES似乎是空的，并回显如下：遇到PHP错误消息:未定义变量:文件线路号码

浏览 6提问于2014-04-02得票数 2

1回答

laravel & vue.JS: app.js中的“组件”、“导入”和“使用”

laravel、vue.js

我和VueJS一起使用laravel，我从来没有完全理解在app.js中使用的“导入”、“使用”和“组件”背后的逻辑。也许有人能给我一个关于如何正确使用它们的提示/链接。在app.js文件中有以下内容：[..] 以及： el: '

浏览 10提问于2020-06-10得票数 0

回答已采纳

2回答

ref钩子:无法按索引访问ref数组中的单个项

reactjs、react-hooks

在父组件中，我使用useRef钩子作为数组初始化ref，定义一个函数来填充来自子组件的项，然后将函数传递给子组件： const dropZonesdropZones.current.push(ref); return items.slice().sort((a, b) => a.idx - b.idx).map((item, idx) => (

浏览 4提问于2022-07-21得票数 0

2回答

在反应中取除效果外的数据

reactjs

我只是想知道，下面的方法是获取数据的好方法吗？如果没有，我将面临什么问题？ const [data, setData] = useState(undefined) fetchDataAPI('api/mock-data', (data) => setData(data))}

浏览 2提问于2022-10-26得票数 0

回答已采纳

1回答

使用对象的子值的状态对象和子组件

javascript、reactjs、react-native

我有一个允许多个并发上传的Dropzone，我想要显示所有上传的进度。在我的Dropzone组件中，我有状态的一部分，这是一个上传的数组：uploads数组的每个元素都是一个具有几个值的由于我不知道将完成的并发上传数，因此无法在更高级别的组件中设置状态并将其作为属性传递，我需要子组件(ProgressBar)将其作为属性从状态数组中的多个对象接收...但我显然遗漏了一些东西。当文件被

浏览 0提问于2020-10-21得票数 2

1回答

Uncaught : this.testFunction不是函数

javascript、image、vue.js、compression、dropzone

我有一个带有上传组件的Vue应用程序，它获取图像(下拉区域)，将其传递给裁剪器(cropperjs)，并在裁剪后返回到下拉区域。我在与错误作斗争，不能再往前走了.情况就是这样：cropImage() {launchUpload() { new Compressor(this.$refs.myVueDropzone.addF

浏览 4提问于2021-09-05得票数 0

回答已采纳

2回答

如何在react组件中使用Dropzone

reactjs、dropzone.js、react-dropzone

我正在尝试在react组件中使用Dropzone。但它不起作用。可变上传文件总是未定义的。import {Redirect} from 'react-router-dom' import Dropzone from 'react-dropzoneauth.uid) return <Redirect to=

浏览 61提问于2021-03-05得票数 0

点击加载更多