问题标签 [vue-props]

所以我正在创建一个带有可选行等的基本“TableComponent”。这个 TableComponent 需要一个名为“buttons”的道具。
TableComponent 期望按钮是一个对象数组，如下所示：

因此，在表格组件中，根据传递的内容创建了一行按钮，如下所示：

问题是在按钮单击功能中，“this”指的是父组件，因此我无权访问选定的行等。

编辑： 我发现只需将“this”传递给 click 函数即可解决它。不知道这是否明智。

表组件数据：

_

在我的父组件中，我这样称呼我的子组件“DotsNavigation”：

我的子组件“DotsNavigation”看起来像这样：

在我的孩子的评论中，“步骤”是空的。我不明白为什么会这样。任何想法？

在我的 Laravel + Vue.js SPA（单页应用程序）中，我使用的是BootstrapVue和VeeValidate。

在EditProfile.vue文件中，我想default_country_code从模板中的一个属性访问数据属性，即default_country_code.

我可以通过使用propsie：在 Vue 根实例中有一个 data 属性，然后props在EditProfile.vue文件中的帮助下在模板中使用它来实现它。

但我想在模板中使用它而不使用任何props. 因为如果我使用props，我需要在不同页面的模板部分中使用的所有道具都必须在 Vue 根实例中定义。当这些数据属性props来自数据库时，我必须在相应的 Laravel 控制器方法中在 DB 中进行多次查询，并在 Vue 根实例中使用它们。而且这种方法对我来说似乎不是任何松散耦合的架构。

在EditProfile.vue页面中，我有：

如前所述，如何通过 Vue 根实例的帮助在default_country_code模板属性中使用而不使用任何属性？props

我的索引书列出了所有已注册的书籍，当我单击编辑特定书籍时，它确实在路线中获得了特定书籍的 id，但我的 props 元素没有得到它，这是什么错误！我该如何解决？

下面我的索引页面上有代码：

<router-link :to="{ name: 'update_book', params: {id: book.id} }"> <font-awesome-icon icon="pen-square" /> </router-link>

在我的更新页面中，我有：

当我将 v-model 设置为等于挂载钩子中的道具时，为什么更改也会影响道具。

因此，当我对 component_value 进行一些更改时，它也会影响 initial_value。

我想在这里写下我的全部代码，但只是试着让它变短。

通常，当您在 vanilla JS 中的按钮上注册事件侦听器时，如果您传递使用“this”关键字的回调函数并且它不是箭头函数，则当该函数被执行时，“this”将引用按钮元素并你必须使用 .bind() 方法来克服这个问题。但是当你将一个像“props”这样的回调函数从父组件传递给子组件，并在那里使用它，并且该函数也使用“this”关键字时，为什么子组件中的“this”引用了父 vue 实例而不是子 vue 实例？vue 是否在幕后使用了一些绑定？谁能解释一下？我有本教程，其中有父组件和子组件以及道具的用例，道具是使用“this”的回调函数：

我正在尝试更新我的 Vue.js 数据（linkClicked）。

我将 URL 作为 Laravel 的道具传递到我的 Vue 组件中。这些道具附加到页面上的多个锚标记，其中包含来自道具的各种 URL。无论哪里有外部链接，我都附上了一个调用方法（showModal）的点击事件。例如，我的锚标签如下所示：

在这种方法中，我将$event.target.href记录在控制台中，并且可以确认单击时我在控制台中看到了正确的链接。所以道具工作正常。我的脚本代码如下所示：

但是我的数据中的linkClicked根本没有更新，我不确定我哪里出错了。

我期待的是linkClicked更新为道具表示的 URL 字符串。例如，如果extcontacturl设置为“ https://www.google.com/contact ”，那么我希望 linkClicked 在单击联系人链接时更新到此 URL。

完整源代码：https ://github.com/tenzan/menu-ui-tw

演示：https ://flamboyant-euclid-6fcb57.netlify.com/

目标：

ItemsList并且ItemImage是 的子组件Menu.vue。我需要传递image_urlfromItemsList到ItemImage，以更改右侧的图像，在左侧的项目按时间间隔自动更改后。

• 左侧：组件ItemsList.vue
• 右侧：组件ItemImage.vue

组件Menu.vue有 2 个子组件：

项目列表.vue：

ItemImage.vue -几乎是空的

ItemsList遍历每个项目并突出显示它。我将需要组件ItemImage来显示该活动/突出显示的项目的图像。图片的 URL 是item.image_url.

所以我在将一个道具从我的父视图传递到另一个视图时遇到问题，现在我只是使用一个简单的变量进行测试，但它似乎没有捡起它......没有错误或任何东西，它只是没有显示在我的页面上。

这是我的父代码：

这是我的子元素的代码片段：

我在哪里使用货币：

谁能看到我在那里做错了什么，为什么这个元素没有被拾起？

亲切的问候，乔希

我在 vue 中创建路由器链接并将路由名称作为道具传递给它时遇到问题......我想做的基本上是这样的：

登录当然是在我的路由器中定义的。但是当我将路线作为道具提供时，我被重定向到/%7B%20name:%20'login'%20%7D. 你知道解决这个问题的任何技巧吗？