问题标签 [vue-component]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
34265 浏览

javascript - VueJS 读取 Dom 属性

我想获取按钮单击事件的 href 属性。

Main.JS 文件

目标事件不选择元素。它选择单击的元素。

0 投票
1 回答
6151 浏览

vue.js - VueJS 扩展方法和数据

我想扩展方法。例子:

我使用多个扩展。

错误代码:this.fetchData 未定义。this.modal 不是函数

0 投票
3 回答
59118 浏览

javascript - 在 Vue.js 中包含全局函数

在我的 Vue.js 应用程序中,我想要一些全局函数。例如callApi(),每当我需要访问我的数据时,我都可以调用它。

包含这些功能以便我可以在所有组件中访问它的最佳方式是什么?

  • 我应该创建一个文件 functions.js 并将其包含在我的 main.js 中吗?
  • 我应该创建一个 Mixin 并将其包含在我的 main.js 中吗?
  • 有更好的选择吗?
0 投票
1 回答
845 浏览

vue.js - 在 Vue 2.0 中切换 CSS 类

在 vue 1 中,我正在这样做:v-bind:class='{"isdanger": invalidLogin}'.

现在我试图在 Vue 2 应用程序中做同样的事情,但我收到了这个错误:

template syntax error - invalid expression: v-bind:class="{'isdanger': invalidLogin}"

我正在使用pug,以防万一。

有任何想法吗?

0 投票
1 回答
1929 浏览

vue.js - 在同一页面上两次渲染相同的组件(具有同步数据)

我已经阅读了很多文档,但无法使用以下用例:

我有一个组件“产品过滤器”。该组件包含子组件“product-filter-option”,它呈现一个单独的过滤器选项(带有标签的复选框)

product-filter 实例的 json 数据如下所示:

我的页面上有多个 product-filter 实例(以及许多 product-filter-option 实例)。到现在为止还挺好。现在我想在我的页面上多次呈现我的过滤器之一(例如给定的类别过滤器)(当前的“突出显示”过滤器,可以在用户交互期间更改)。

因此,我尝试使用以下模板代码解决此问题:

所以这个过滤器现在在我的页面上显示了 2 次(仅当设置了 vue 应用程序中的 activefilter 属性时)。正如您在更改此“克隆”过滤器中的选项时可能猜到的那样,原始过滤器不会更改,因为这些“克隆”之间的数据未同步。如何用 Vue 解决这个问题?

谢谢你的帮助!

0 投票
1 回答
1650 浏览

javascript - 如何在 VueJS Mixin 中返回值

我目前正在用 Vuejs 开发一个 webapp。我创建了一个可以全局访问的 Mixin,它处理对我的 api 的任何请求:

现在,在我的一些组件中,我调用了 api 函数:

它工作正常,但有一件事没有按预期工作。我希望我的api_response常数具有的价值,response但它总是undefined。所以每次我收到这个警报时undefined。这怎么可能?当我取消注释return 'test'它的行时:我收到了一个警报test,但它似乎在该this.$http部分中不起作用......

0 投票
2 回答
329 浏览

vue.js - 组件标签总是空的吗?

关于模板解析,文档说:

尽管在简单的情况下它可能会起作用,但您不能依赖在浏览器验证之前扩展自定义元素。<my-select><option>...</option></my-select>即使my-select组件最终扩展为 .eg 也不是有效的模板<select>...</select>

这让我想知道:在任何情况下,在自定义元素的开始标签和结束标签之间放置内容是有用的吗?在我看来,这样的内容被丢弃了。也许beforeCompile代码中有什么?

0 投票
1 回答
11240 浏览

php - Vue 资源发布请求内容类型

Vue-资源发布请求:

请求以 Content-Type:"application/json;charset=utf-8" 发送,但 PHP Post 无法显示任何数据。

设置标题 Vue 资源:

request.headers.set('Content-Type', '');

但是 Request Content-Type:", multipart/form-data; boundary=----WebKitFormBoundaryTsrUACAFB1wuhFOR"

查询的开头有一个逗号。

Jquery 发布请求:

相同的查询与 jQuery 无缝协作。jQuery 内容类型:“multipart/form-data;边界=----WebKitFormBoundaryTsrUACAFB1wuhFOR”

问题: https ://github.com/vuejs/vue-resource/issues/398

0 投票
1 回答
1265 浏览

vue.js - vue 路由器 $this 未定义

我正在使用 vue-router,在其中一个组件/vue 中,我尝试在加载特定组件时从数据库加载历史事务:

我得到了这两个错误:

0 投票
1 回答
2329 浏览

javascript - 更改 Vue.js 示例以使用 ajax

我在我的最新项目中使用 Vue.js,在项目的一部分中,我需要渲染一个存储在数据库中的树视图 - 我使用 Vue.js 树视图示例作为基础,并且数据来自我的服务器正确的格式。

我找到了一种修改示例以从 js 加载数据的方法,但是到它这样做的时候,组件已经被渲染了。当我使用来自服务器的数据预加载 var 时,我检查了数据是否有效。

我将如何更改以从 ajax 加载此负载?

我的js:

模板:

和html: