基于vue的元素UI树中的文件夹选择过滤文件
我正在使用Element UI TreeView显示文件夹.每个文件夹或其子文件夹都有一些文件.我必须根据文件夹选择列出这些文件.我可以过滤出普通列表中的那些.但是,我无法使用元素UI树视图来做到这一点.请建议我如何为树节点做这件事.这是示例数据: data: [{ id: 1, label: 'Level one 1', type: 'folder', children: [{ id: 4, label: 'Level two 1-1', type: 'folder', children: [ { id: 9, label: 'Level three 1-1-1', type: 'file'}, { id: 10, label: 'Level three 1-1-2', type: 'file' }] }]
16 2023-11-26
编程技术问答社区
Vue2 Element-UI Datepicker对动态disabledDate进行强制刷新
在下面的编码epen中,我设置了一个元素-UI datepicker,以根据随机数显示动态残疾日期. 每次datepicker输入焦点时,残疾日期的数量会更改. 我的问题是datePicker在单击不同的月份之前不会刷新残疾日期. datepicker还显示了您以前在单击并返回时进行的上个月. 有没有办法强制元素-UI datepicker刷新?我想在设置新的残疾人值之后,将datepicker刷新在焦点事件中进行. Picker with quick options
28 2023-11-26
编程技术问答社区
不能使vue.js element-ui的对话框在儿童组件内部起作用
这是父组件: .wrapper el-button(type="primary", @click="dialogAddUser = true") New User hr // Dialog: Add User add-edit-user(:dialog-visible.sync="dialogAddUser") import * as data from '@/components/partials/data' import AddUser from './partials/AddUser' export default { name: 'users', components: { AddUser }, data () { return { users: data.users, dialogAddUser: fa
12 2023-11-26
编程技术问答社区
如何在元素UI表行中正确设置链接(应该简单?)
我在Element UI中获得了用户项目的表格.由于Element UI与 无法使用,因此我有点困惑,因为我将如何处理.表的目的是显示用户的项目并对其进行基本的CRUD操作.这意味着,对于每行,应显示一个唯一的ID作为名称,并且对于操作,他们应该让用户编辑/删除具有唯一ID的特定项目.在普通的HTML表中,我喜欢这样: Name Actions
10 2023-11-26
编程技术问答社区
vue.js-元素UI-如何知道表单验证的状态
我正在使用vue-js和element-ui 我想检查表格验证的状态,而不必单击submit button 示例 复制步骤 单击每个字段 用Blur 触发验证 开始填充不同的输入 问题 当验证最后一个输入时,我该怎么办,isFormValidated转到true. 换句话说,我怎么说"如果没有状态错误的字段,然后将valudateState转到true" 提示 我想我们可以检查表单的每个formItem的validateState.但是我看不到该如何具体做. 解决方案 我将创建一个新方法(例如updateIsFormValidated),并将其绑定到表单的本机focusout事件: 此方法每次以表格中的任何输入失去焦点时都会发射.它将尝试检查表单组件中的每个字段
14 2023-11-26
编程技术问答社区
如何正确使用El-Table的细胞级名称?
我想根据特定单元的行和列使用单元格名称来更改单个单元格的样式. 但是,作为一个最小的示例,我只是尝试在每个单元格上应用相同的selected-cell式式式式式.不幸的是,设置细胞级名称没有效果. import { Table, TableColumn } from "element-ui"; export default { com
16 2023-11-26
编程技术问答社区
如何使表头总是在上面?
我试图使台式标头始终位于元素UI中.我尝试了经典CSS的解决方案,例如:position: stiky; for th,但它不适用于元素UI.桌子的标头继续滚动. 这是我的代码 解决方案 有两种方法可以实现这一目标. 首先是元素-UI指定的方式,并在el-table上指定表高度:第二是像您一样使用CSS,但是您已经考虑到Element-UI为标头创建2个表1,并且为身体1个表.必须适用的正确CSS如下: .el-table__header-wrapper { z-index: 100; position: fixed; top: 0; } // Neede to show the first row in the table .el-table__body-wrapper { margin-top: 50px; } 使其在小提琴中起作用,请确保您还导入正确的CSS: @import url("//unpkg.com/element-ui@
14 2023-11-26
编程技术问答社区
在下拉菜单中选择元素
我目前正在element UI中实验一个为UI的美丽Vuejs框架. 在下拉菜单中放置选择元素时,我会遇到问题,因为当我在选择元素中选择一个项目时,它也会关闭下拉菜单. 每当我在SELECT元素中选择一个项目时,我应该如何保持下拉? 这是样本演示. fiddle https://jsfiddle.net/vy70ogbz/ 解决方案 为什么不使用菜单来实现此目的.我发现它更灵活,您可以使用菜单 - trigger ="单击"属性才能在单击时切换菜单.像这样
10 2023-11-26
编程技术问答社区
元素UI使用默认主题
当前我有一个使用webpack设置的VUE项目. 我想开始使用我做过 npm i element-ui -S 在我的终端中 并在我的app.js(整个应用程序的输入点)中添加了下面的代码 import Vue from 'vue' import ElementUI from 'element-ui'; Vue.use(ElementUI); 我能够在整个应用程序中开始使用和启动. 但是,我注意到CSS没有被应用. 我该如何处理CSS?如何告诉ElementUI应用默认主题? 解决方案 好的,我自己弄清楚了. 看起来我只需要做 安装此 npm package 添加导入'element-theme-default'; elementui导入之后 其他解决方案 这对我有用: npm i元素-UI 在main.js中: import ElementUI from 'element-ui' import
8 2023-11-26
编程技术问答社区
如何使用CreateElement在渲染方法上定义VUE事件
我正在使用Elementui navmenu,并使用createElement方法渲染函数来制作菜单的项目,只是使用JSON使用标题和菜单的索引,只有html和js文件,而不是.vue文件. 菜单已安装,在我单击它时显示了子菜单,但是子菜单(el-menu-item)的动作不起作用.我什至尝试属性单击,item-click,v-on:创建menu-item时单击(elementui的文档告诉必须使用@click>定义),但没有人可以做任何错误,就好像没有声明该方法. 仅onclick属性在el-menu-item上起作用,但是当我使用它时,未调用vue组件的方法,因此我必须在组件之外制作一个函数(例如,在类上) ,当称为此功能时,它会执行对组件方法的调用(我尝试$ emits),并且发生错误,因为找不到组件的方法. 如何在组件的El-menu-item内部渲染函数上添加@click(或类似)事件以调用同一组件的方法? 我如何创建菜单项: createElemen
14 2023-11-26
编程技术问答社区
是否正确重定向到另一个惯性页面?
i"我试图重定向到另一个页面,出于某种原因是行不通的.这是我vue上的代码.我尝试了两种不同的方法,并且都没有工作. Importar Importar redirectStudents() { this.$inertia.visit('/imports/students'); }, 我有这样的web.php路由 Rou
24 2023-11-26
编程技术问答社区
用element-ui和vue-test-utils模拟选择。
我正在使用JEST和Element-UI进行单位测试,其中包含一个带有2个选项的组件.我正在从下拉列表中选择一个选项,然后检查一个措施. 1)带有正常select和option html标签这很完美. //fruit.vue select( v-model="fruit" ) option( v-for="item in fruits" :label="item.label" :value="item.value" ) export default { data () { return { fruits: [ { label: 'Banana', value: false }, { lab
28 2023-11-25
编程技术问答社区
动态更改我的vue.js水疗中心主题的最佳方法?
所以我认为标题足以解释:我想动态主题我的整个应用程序.也许这意味着在我按特定按钮时更改所有divs的颜色,或在特定用户登录时更改整个WebApp的颜色. 只是为了对我目前正在处理的内容提供一些见解,我会说我已经构建了一个使用许多库的vue.js应用程序,其中包括一个名为Element-UI,它已经在其上构建了主题选项.问题在于它是用SCSS编写的,我想在导航过程中更改所有可变颜色.我的项目看起来像这样: ... some HTML and components... ... some javascript ... ... some style that is scoped to the current component only ... 我有很多这样的文件,因此对我所有人来说,制作"全局函数"似乎并不实用.另外,我仅在我的m
10 2023-11-25
编程技术问答社区
Laravel Dusk+带元素UI的视图
我需要用Laravel Dusk进行帮助.我正在使用 elementui .我真的很喜欢这个框架,但是,我无法在测试中使用黄昏的Build-In select()方法. 这是因为 select select elementui的组成部分不生成一个相反,Real 标签会创建一个正常(已读取),在页面底部,带有Select选项的Popper,因此,我的页面中没有一个标签,只有一个 和一个Readonly . 如何与黄昏一起编写测试,让我单击" div" ?? 如果我尝试使用类似的内容输入该输入: // $browser->select('my_select_id'); not working, $browser->type('my_select_id', 1); 它给我一个例外: Facebook\WebDriver\Exception\InvalidElementStateExcep
44 2023-10-18
编程技术问答社区
Vue.js + Element UI: 更改时获取 "event.target"。
我无法在其事件处理程序中获得触发事件的HTML字段(在JavaScript中是event.target). 我有一个表格: 在变更事件上附加到功能的输入元素 管理更改事件的函数 我的代码如下: var Main = { methods: { change(par) { console.log("The value is: " + par); //HERE I can't get "event.target" } } }; var Ctor = Vue.extend(Main) new Ctor().$mount('#app')
54 2023-06-09
编程技术问答社区