开发者问题收集
我有一个布局文件,里面有一些数据。除此之外,我还有三个组件:标签学生操作我想在布局文件中声明数据,但通过三个子组件访问它。如何在 Vue.js 中做到这一点?感谢您的帮助。
我误解了将子组件传递给其他子组件的文档。我有两个组件index.html<main-categories-products source="{{ url('api/products') }}"></main-categories-products><sidebar-options> </sidebar-options>我的 app.js var app = new Vue({el: '#app',
我有一个组件contacts-list的子组件contactView,它本身也是一个子组件。问题是我无法动态更改此组件的内容html<div id="wrapper"><component :is="currentView" keep-alive></component></div>jsvar IndexPage = Vue.component('index-page', {template: '
我是 vue.js 的新手,我尝试将一个值传递给子组件。HTML<div id="example"><my-component v-bind:data="parentData"></my-component></div>JSVue.component('my-component', {props: ['data'],template: '<div>Parent component with dat
我有一个vue组件,即page.vue。我有一个card card的孩子vue组件。尝试在内部注入数据在页面组件的数据功能中。page.vue522039861card.vue0096344432<< p>我希望该卡还可以从其他组件中重新使用。需要将数据注入到显示位置的卡中。
我如何将图像 URL 传递给此 Vue 组件?我将代码移动到一个单独的 php 文件中,该文件将保存 Vue 使用的<script>标记,但它无法识别从父组件传递的数据。Vue.component('theme-parallax',{template: '#parallax-tpl',data(){return{pageData: []}}});组件标记NB:page.embedded.paral
我正在使用 Vue 2.x 和 Vuex 2.x 创建一个 Web 应用程序。我正在通过 http 调用从远程位置获取一些信息,我希望如果该调用失败,我应该重定向到其他页面。GET_PETS: (state) => {return $http.get('pets/').then((response)=>{state.commit('SET_PETS', response.data)})},erro
我正在使用 vue 和 ionic 制作一个应用程序,但是在尝试加载资产时,路径无法解析。<template><div id="index"><img :src="image.src" v-for="image in images"></div></template><script>export default {name: 'Inicio',data() {return {images: [{s
我正在尝试使用 anime.js 和一些承诺函数为一些元素设置动画,问题是前一个函数成功后第二个函数将不会运行。<script>import Splash from '../components/Splash.vue';import Intro from '../components/Intro.vue';export default {components: {Splash,Intro,},mo
我在使用 VueJS Laravel 时遇到了这个问题这是我的 Home.vue<template><table><tr v-for="models in model.data">{{models.nom}}</tr></table></template><script>import axios from 'axios'export default{data() {return {model: {
我有一个带有自定义输入组件的应用,我试图在保存时向父组件发出更改事件,并通过提交/分派将这些值发送到 $store。我确认父组件可以在我之前调试组件时接收这些值(正在检索最初从此应用中的随机器生成的相同值,并且不明白为什么我会收到此错误:[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefine
我有一个元素列表,点击后我想对其进行编辑。我在其他组件中也有类似的解决方案,它运行得很好,但在新组件中却不行,也找不到原因。当组件呈现时,我得到:无效的处理程序“click”事件:未定义列表:<div v-for="annt in anns" class="item two-lines" v-if="!anntInEdit"><div class="item-content has-seconda
我使用 vue js 作为前端框架,并在按钮上定义了@click事件。但是,当我单击它时,出现以下错误:-[Vue warn]: Property or method "getArea" is not defined on the instance but referenced during render. Make sure that this property is reactive, eit
我对非常​​简单的输入/输出代码有疑问。我应该以 Newick 格式获取输入,然后使用它来创建树。但我根本无法正确输入。这是我的 HTML 代码<body class="sidebarBody"><div class="inputDiv"><div class="inputText"><textarea v-model="newick" class="newickIn" placeholder="
我目前需要在应用程序中使用 vanilla.js,因为 html 实体来自数据库,我需要处理它们。由于 babel 编译已经结束,因此我使用 DOM 执行此操作。我试图在 span 内设置一个图标,每当我单击此图标时,我都想删除整个 span。问题是,我可以创建此图标并将其属性设置为 fontSize 等,但当涉及到 onclick 函数时,它不起作用,单击不会激活该函数。我已经尝试在其中使用回调