vue-component相关内容

如何正确地将数据从子组件传递到父组件和父组件到子组件?

首先,这是我目前的结构 子组件 //HTML 那么如何避免这个错误呢?如何正确实现这个结构,以便我可以在任何我想要的地方重用这个组件. 解决方案 你正在使用 props 和 v-model.当父组件重新渲染时,道具将被覆盖. 使用 data 和 v-model 并从 props 中设置初始值: 子组件 //HTML ..
发布时间:2022-01-25 18:07:30 前端开发

vue:如何使传递给组件的对象反应?

Codepen 演示 我有一个组件,它有一个 location 对象作为 props.我传入的参数是 locations[index],它是从 locations 数组中选择的项目. 但是,当 index 更改时,组件无法做出反应.正如您在演示中看到的,当您单击按钮时,JSON 会发生变化,但组件无法更新. 使组件具有响应性的最佳方法是什么? 解决方案 您的 locati ..
发布时间:2022-01-25 18:07:04 前端开发

从 VueJS 中的 v-for 中删除重复的元素

我正在使用以下代码来显示数组中的类别.该数组可能包含重复的类别.有什么办法我只能在 VueJS 中选择独特的元素? {{产品分类}} 数组: 产品:[{ id:'1',标题:'测试 1',类别:'测试 3'},{ id:'2',标题:'测试 2',类别:'测试 1'},{ id:'3',标题:'Test 3',类别:' ..
发布时间:2022-01-25 18:06:50 前端开发

如何在 vue js 中使 div 可拖动?

我在 vue 组件中有一个 div,我想让组件可拖动.我检查了许多 vue 可拖动插件,但它们有一个单独的拖动组件,而不是像在角度可拖动中那样添加的指令.请帮我解决这个问题? 解决方案 您需要将 vuedraggable 添加到您的节点模块. 纱线添加 vuedraggable 然后: 从 'vuedraggable' 导入可拖动...导出默认{组件: {可拖动,} 然后 ..
发布时间:2022-01-25 18:06:31 其他开发

为什么无效的道具:道具“价值"的类型检查失败.预期的字符串、数字、对象、布尔值,得到下面提到的程序的数组显示?

为什么无效的道具:道具“值"的类型检查失败.期望字符串、数字、对象、布尔值,得到下面提到的程序的数组显示? html: 脚本: getUser(e) {console.log("idd",this.selectedZone)var user = e.target.value;axios.get("/helpdesk/getUsers", {参数:{问:用户,account_id: ..
发布时间:2022-01-25 18:05:33 前端开发

将数据对象从父组件传递到子组件

我正在制作工具列表. 我正在尝试使用单个文件模板将完整的工具数据对象从父组件(工具列表)传递到每个子组件(工具项). 在子组件中,我收到此错误: 属性或方法“..."未在实例上定义,但在渲染期间被引用.确保在 data 选项中声明响应式数据属性. 其中 ... 是工具数据对象的任何属性,例如 title 或 description. 这是我的设置: Tools. ..
发布时间:2022-01-25 18:05:19 前端开发

如何查看 Vue.js 组件中的道具变化?

我正在将一组图像文件路径传递给组件.我想知道如果我传递不同的数组,在 Vue.js 组件中观察道具变化的最佳方式是什么? 我正在使用引导轮播,所以想在数组更改时将其重置为第一个图像.为了简单起见,我将代码示例简化为: Vue.component('my-images', {道具:['图像'],模板:` {{i ..
发布时间:2022-01-25 18:00:44 前端开发

我如何能够在 vue js html 中以给定格式进行多项选择和传递数据?

我需要以给定的格式传递数据. 规则:[{名称:空,部分:空,数据:[{head:null,value:null}]}], 这是我面临的问题.希望有人可以帮我找出解决方案.给出了片段.我需要以上面给出的格式传递数据.如果在 rules[] 中需要另一个数组,也可以 data[] 中的 head 和 value 需要另一个数组.如果需要,这也可以.希望得到帮助.请帮我解决. 请更改选择 ..
发布时间:2022-01-25 17:59:27 前端开发

使用 <v-for> 以表格格式显示多个复选框和 <v-checkbox>在 Vuetify 中?

我正在使用VuetifyJs对于 VueJS,我正在尝试从对象数组中以表格格式显示复选框.所需输出如下所示: 选中“所有用户"时,应选中所有复选框. 我创建了一个行布局并将这一行分成两个弹性框,所以我有两列的行结构.我使用'v-for'循环并为每一行显示当前索引和下一个索引的值.但是下一次循环迭代时会重复最后一个条目.我能到达的最近距离如下图: CodePen 网址: https ..
发布时间:2022-01-25 17:58:35 前端开发