问题标签 [vuejs2]

我正在从后端接收以下格式的对象数组。我正在尝试获取这些数据并将其推送到 JavaScript 数组中，以便以后可以根据需要使用它们。

这是我的 vuejs 代码：

vue-dev 工具结果：

该行的输出 console.log(this.fakeUsers);是[__ob__: Observer]。它不应该打印类似的东西[Array[10]]吗？

该行的输出console.log(this.fakeUsers[0]);是undefined，我不知道为什么。

小提琴：https ://jsfiddle.net/mjvu6bn7/

我有一个计算属性的观察者，它依赖于异步设置的 Vuex 存储变量。我正在尝试设置 Vue 组件的数据变量，当这个计算属性发生变化时，但这并没有发生。

这是Vue组件：

这是 Vuex 商店：

这是为此创建的小提琴。如您所见，myVar 没有更新，但是当宠物加载时会调用 watcher。

我遇到了 VueJS 渲染的问题。我正在为每个 ajax 获取数据。在初始渲染时，表格行被正确渲染，但在重新渲染更新的元素时，它不会被正确渲染。

这是一张图片： 渲染表

如您所见，第 1 行渲染正确。但是在重新渲染的第 2 行中，tds 是倒置的。

这是我的代码：

和我的html：

所以我的问题是：我该如何解决，该行正在正确地重新渲染？

谢谢你的帮助。:-)

编辑＃1：这是一个jsfiddle，也出现了问题：https ://jsfiddle.net/dt1kt06g/

我在管理区域中有一个表单，用户可以在其中输入带有简码的文本：

在 [temp c=200] 下加热烤箱

我想要的是temp在前端显示时将短代码解析并转换为 Vue 2 组件。

这是一个简化的Temperature.vue组件：

这是一个简化的Instructions.vue组件，它将使用简码解析和呈现文本：

解析工作正常，替换打印在前端。但是<temperature>标签是按字面意思呈现的，而不是作为一个 Vue 组件，这在某种程度上是意料之中的。

在 <temperature :celsius="200"></temperature> 下加热烤箱

我似乎无法理解的是我应该采取什么步骤才能将其实际转换为Temperature我定义的组件。甚至可能吗？有没有我想念的更正统的方法？

v-html用于呈现文本也存在安全问题。我不一定希望它在那里，但我猜期望Temperature组件从转义字符串中出现更加牵强。我总是可以在插入数据库之前进行清理，但如果可能的话，我仍然想避免v-html。

我很难尝试在vuejs 2.0上将 filterBy 与 orderBy 结合起来，以及我发现的关于这个主题的所有研究，就像我问题底部的链接一样。

这是我的过滤器，它正在工作：

组件中调用的方法：

在组件中：

还有另一个过滤器，它也可以工作：

为了遵守我的 orderBy 我有这个方法：

并称它为我有以下内容：

我在文档中找到了我们如何使用这个 OrderBy，并且在这个很长的对话中找到了如何使用filter和sort，但我真的无法实现它......

应该是这样的：

我无法完成这项工作......

我尝试了多种形式：

但是，或者它没有编译或者它带有错误，例如：

未定义属性（定义，例如我在其他方法中使用它） 未找到函数方法（在评论我的方法排序时发生..也许这是我遗漏的东西）

谢谢你的帮助！

我试图使用一个组件来改变编程语言的多年经验。为此，我使用几个按钮来加减年份，并使用“技术”道具来传递语言。即：PHP、JS等。

我的全局变量是years_php 和years_JS，我试图重用组件“years-exp”，因此每个变量都会更改每个全局变量。我按照本教程设法完成其中之一。然而，当我想用​​一个发射和监听事件重用years-exp组件时，它总是修改years_php变量，所以我不得不使用'test'prop并检查它在不同情况下的值，这是我的years-exp零件：

并将以下代码添加到我的 Vue 实例中：

在这里我将它们插入到 html 中：

在 Vue.JS 2+ 中是否有另一种方法可以做到这一点？

我是 vuejs 的初学者。我在单个文件 .vue 上启动了我的第一个 vuejs 组件。

我想获得路线的参数。但是“this”没有$route。这是窗口。有人可以帮我理解吗？

在 main.js 中，我配置了路由器：

在 songbook.vue 中，我希望在 this.$route.params 上使用 userId，我有：

console.log(this) 给了我窗口对象，而不是带有 $route 的对象。我看不出问题出在哪里……SOS :-)

此致。

我想标题很简单。这是我select2的vuejs

当v-model="selected"我使用 select2 时没有更新，但在我不初始化时工作正常select2，即使用简单multiselect。

我正在尝试创建一个选择表单字段，其中 html 和值用 vue.js v-for 属性填充。HTML 创建得很好，但每个选项的值仍然为 ${ item.id }，我假设是因为它在引号中。知道如何解决这个问题吗？

代码：

JsFiddle在这里

我有以下链接：

/v1/catalogue/folders/{catalogueId:[0-9]+}/translations/{translationId:[0-9]+}/

以及以下数据：

现在我想用数据对象的值更改大括号之间的部分。所以链接需要看起来像这样：

/v1/catalogue/folders/31/translations/4/

Javascript中有没有办法来完成这个？如果是，那是什么方法？