验证V-File-input with append-outer icon

文章/答案/技术大牛

发布

2回答

vue.js、vuetify.js

我想更改v-file-input图标，并将该图标放在后面。所以我使用了“append- but icon”来改变图标和位置，但是如果我点击这个图标，什么也不会发生。我想点击“append-outer icon”，然后打开文件夹，就像点击prepend-图标一样。我的示例代码如下。<template> prepend-icon="" append-outer-<

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

回答已采纳

4回答

删除Vuetify中的默认v-input-file图标

javascript、vue.js、vuetify.js

v-file-input是在Vuetify v2中出现的一个新组件。<v-file-input multiple label="File input"></v-file-input> 默认行为显示一个预置图标： ? 有没有办法摆脱它？

浏览 110提问于2019-12-17得票数 2

回答已采纳

2回答

如何验证多个文件的最大文件大小为每个文件2MB？(宣传)

vue.js、file-upload、vue-component、vuetify.js、image-uploading

我试图在Vuetify的v-file-input上设置一个验证规则，将文件大小限制为2MB，但是当我选择2MB以下的文件时，验证失败了(并且出现了输入错误)。我的节选 multiple accept="image/jpg, image/jpeg, application/pdf" prepend

浏览 7提问于2020-02-07得票数 6

回答已采纳

1回答

如何在vuetify中使用append-outer icon？

vuetify.js、v-select

v-select允许添加append- but icon，但如何在点击此项时强制展开图标列表？:items="selectItems.position" append-icon="unfold_more" append-outer-icon

浏览 89提问于2019-03-01得票数 3

回答已采纳

2回答

是否有一种禁用/启用v-text字段追加图标的方法？

javascript、vuetify.js

(验证版本1.5.24)

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

回答已采纳

1回答

在Vuetify组件v- file -input上选择相同的文件

vue.js、frontend、nuxt.js、vuetify.js

例如，当我选择某个文件，然后在没有保存的情况下关闭对话框时，我不能选择相同的文件(即@change没有触发)<v-file-input ref="imageUploader" placeholder="upload image" prepend-icon="mdi-camera"

浏览 15提问于2021-07-16得票数 0

3回答

验证V-File-输入多个文件

vue.js、vuetify.js

<v-file-input small-chips multiple> @click:close="remove(index)" {{ text }} </template> </v-file-input

浏览 0提问于2019-11-16得票数 3

1回答

如何打开组件v-file-input，当它被隐藏时？

vue.js、vuetify.js

我需要使用组件v-file-input上传文件。但是这个组件不适合设计。我试着做下一步。我让这个组件完全隐藏了<v-file-input hide-input prepend-icon=""></v-file-input>。我还做了一个按钮，我需要的设计。但是我不能通过点击按钮来启动方法中的component v-file-input。如何在方法中启动此组件？

浏览 21提问于2021-08-19得票数 2

2回答

松开文本字段的图标，单击“从输入字段中启用”

javascript、vue.js、vuejs2、vuetify.js

为此，我一直在使用 append-outer-icon道具：<v-text-field :append-outer-icon="icon"></v-text-field>data: () => ({ message: ''

浏览 0提问于2018-11-20得票数 3

回答已采纳

5回答

如何在Vuetify.js中点击附加图标调用函数？

vue.js、vuetify.js

我需要append-icon="close"给@click="clearSearch()"打电话 <v-text-field class="search" prepend-icon="search" append-icon="

浏览 5提问于2017-12-28得票数 24

回答已采纳

2回答

如何在vue中上传相同的图像

javascript、vue.js、upload

<template> <v-file-input ref="fileUploadfileName : $t(labelType)" :disabled="!!error-messages="getInvalidFeedba

浏览 3提问于2021-12-08得票数 0

1回答

Vue / Vuetify文件输入中的this.$refs.form.reset()错误

vue.js、vuetify.js

$refs.form.reset()作为我的模式，所有字段都被清除，直到我使用v-file-input字段。如果我手动将v-file-input的值设置为null，那么一切都正常。如何在没有此错误的情况下保留使用this.$refs.form.reset()？<v-file-input accept="image/png, image/jpeg, image/bmp" placeholder="

浏览 2提问于2020-05-04得票数 1

回答已采纳

2回答

将多个图标追加到Vuetify.js中的输入

vue.js、input、append、vuetify.js

我知道如何使用append-icon属性在输入末尾追加一个图标，如下所示：new Vue({}) <v-text-field append-icon

浏览 3提问于2018-11-14得票数 6

回答已采纳

1回答

有没有办法通过.native使用$refs以编程方式触发VueJS元素？

javascript、vue.js、vuetify.js

模板： dense @change="onImageChangeHandler" ref="fileInput"<v-btn color="primary&q

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

2回答

在Vuetify.js中更改输入文件组件的颜色和图标

javascript、vue.js、vuetify.js

对于v-文本字段和其他组件，插槽方法可以工作，但是对于这个组件，我无法让它工作： <v-app id="inspire"> <v-tooltip bottom> <v-iconv-on=

浏览 6提问于2019-12-20得票数 4

1回答

Veutify v-file-输入验证

vue.js、vuetify.js、vee-validate

我想验证是否已经使用v- file -input和vee- ValidationProvider中的ValidationProvider选择了文件。下面是我的代码： <v-flex> <v-file-input:error="errors.length > 0" :error-messages="errors[0]&

浏览 15提问于2020-07-10得票数 1

回答已采纳

2回答

单击vuetify中的按钮时如何显示日期选择器？

vue.js、datepicker、vue-component、vuetify.js

v-text-field label="Picker in menu" prepend-icon

浏览 28提问于2019-10-04得票数 2

1回答

如何在v文件输入验证中从文件对象观察者获取文件路径？

javascript、vue.js、vuejs2、vuetify.js、filepath

V输入文件中的- accept="image/*" label="Add your files" filled @change="onAddFiles"在方法上改变 console.log(files)

浏览 5提问于2020-05-10得票数 4

回答已采纳

1回答

如何从v-btn触发v-input-file

vue.js、vuetify.js

$el.click($event)" <v-icon>mdi-camera</v-icon> <v-file-inputaccept="image/png, image/jpeg, image/bmp" prepend-

浏览 6提问于2020-07-24得票数 0

1回答

如何删除三个上传到网站上的文件中的一个文件？

vue.js、file-upload、vue-component、vuetify.js、image-uploading

我在文档上读到：<v-file-input placeholder="Upload your documents" multiple> <v-chipsmall la

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

点击加载更多