Questions tagged «vue.js»

Vue.js是一个开放源代码的渐进式Javascript框架，用于构建旨在逐步采用的用户界面。Vue.js主要用于前端开发，并且需要中等水平的HTML和CSS。Vue.js版本特定的问题应该用[vuejs2]或[vuejs3]标记。

13
Vuex行动与变异
在Vuex中，同时具有“动作”和“变异”的逻辑是什么？ 我了解组件无法修改状态（看起来很聪明）的逻辑，但是同时具有动作和突变似乎就像您在编写一个函数来触发另一个功能，然后改变状态一样。 “动作”和“变异”之间有什么区别，它们如何协同工作，而且，我很好奇为什么Vuex开发人员决定采用这种方式？
173 vue.js  vuex 
17
vue.js 2如何从vuex看存储值
我使用vuex和vuejs 2在一起。 我是的新手vuex，我想观看store变量更改。 我想watch在我的功能添加vue component 这是我到目前为止的内容： import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; 我想知道是否有任何变化 my_state 如何观看store.my_state我的vuejs组件？
6
[Vue警告]：找不到元素
我正在使用Vuejs。这是我的标记： <body> <div id="main"> <div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div> </div> </body> 这是我的代码： var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }) ; 当我加载页面时，我得到以下警告： [Vue warn]: Cannot find element: #main 我究竟做错了什么？
166 javascript  mvvm  vue.js 
9
如何在父事件上调用子组件上的函数
语境 在Vue 2.0中，文档和其他文档清楚地表明，父母与孩子之间的交流是通过道具进行的。 题 父母如何通过道具告诉孩子发生了什么事？ 我应该只看一个叫做活动的道具吗？这感觉不对，也没有其他选择（$emit/ $on代表孩子到父母，而中心模型代表远处的元素）。 例 我有一个父容器，它需要告诉其子容器可以在API上执行某些操作。我需要能够触发功能。
3
@click和v-on：click Vuejs之间的区别
问题应该足够清楚:)。但我可以看到有人在使用： <button @click="function()">press</button> 有人使用： <button v-on:click="function()">press</button> 但实际上两者之间有什么区别（如果存在）
2
有没有办法在两个命名的vuex模块之间分派动作？
是否可以在命名空间模块之间分派动作？ 例如，我有vuex模块“游戏板”和“通知”。每个都有名称空间。我想将一个动作从游戏板上调度到通知模块。 我以为可以在调度操作名称中使用模块名称，如下所示： // store/modules/gameboard.js const actions = { myaction ({dispatch}) { ... dispatch('notification/triggerSelfDismissingNotifcation', {...}) } } // store/modules/notification.js const actions = { triggerSelfDismissingNotification (context, payload) { ... } } 但是，当我尝试执行此操作时，我收到一些错误，这些错误使vuex试图在我的游戏板模块中调度一个动作： [vuex]未知的本地操作类型：通知/ triggerSelfDismissingNotification，全局类型：游戏板/通知/ triggerSelfDismissingNotification 有没有一种方法可以在vuex模块之间进行分配，还是需要在根vuex实例中创建某种桥接？
159 vue.js  vuejs2  vuex 
3
在Vue.js中将事件和参数传递给v-on
我在v-on:input指令中传递参数。如果没有通过，则可以在方法中访问该事件。将参数传递给函数时，还有什么方法可以访问事件？并不是说我正在使用vue-router： 这没有传递参数。我可以访问事件对象 的HTML <input type="number" v-on:input="addToCart" min="0" placeholder="0"> Java脚本 methods: { addToCart: function (event) { // I need to access the element by using event.target console.log('In addToCart') console.log(event.target) } } 这是在传递参数时。我无法访问事件对象 的HTML <input type="number" v-on:input="addToCart(ticket.id)" min="0" placeholder="0"> Java脚本 methods: { addToCart: function (id) { // How can I access the …
158 vue.js 
13
vuejs从子组件更新父数据
我开始玩vuejs（2.0）。我构建了一个包含一个组件的简单页面。该页面具有一个带有数据的Vue实例。在该页面上，我注册了该组件并将其添加到html中。该组件有一个input[type=text]。我希望该值反映在父对象（主Vue实例）上。 如何正确更新组件的父数据？从父级传递绑定的道具不好，并且会向控制台发出一些警告。他们的文档中有内容，但是没有用。
11
页面加载时如何隐藏VueJS语法？
也许这是一个琐碎的问题。 因此，当我在浏览器上运行vuejs应用程序并启用限制下载速度时（设置为低连接）。我在浏览器中未完成的vue语法输出。 我知道我们可以通过在整个页面加载之前显示加载图像来解决这个问题，但是有什么最好的解决方案来解决此问题吗？
154 javascript  vue.js 
11
forEach不是JavaScript数组的函数错误
我试图做一个简单的循环： const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) 但我收到以下错误： VM384：53未捕获的TypeError：parent.children.forEach不是一个函数 即使parent.children日志： 可能是什么问题呢？ 注意：这是一个JSFiddle。
13
如何在Vue2中实现反跳功能？
我在Vue模板中有一个简单的输入框，我想像这样或多或少使用去抖动： <input type="text" v-model="filterKey" debounce="500"> 然而，该debounce物业已在Vue 2中弃用。该建议仅说：“使用v-on：input +第三方防抖功能”。 您如何正确实施它？ 我尝试使用lodash，v-on：input和v-model来实现它，但是我想知道是否可以在没有额外变量的情况下进行操作。 在模板中： <input type="text" v-on:input="debounceInput" v-model="searchInput"> 在脚本中： data: function () { return { searchInput: '', filterKey: '' } }, methods: { debounceInput: _.debounce(function () { this.filterKey = this.searchInput; }, 500) } 然后，在computed道具中使用filterkey 。
3
如何将值从Vue数据传递到href？
我正在尝试做这样的事情： <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> 我不知道如何将的值添加r.id到href属性的末尾，以便可以进行API调用。有什么建议？
141 vue.js  vue-router 
2
Vue组件道具的默认值以及如何检查用户是否未设置道具？
1.如何在Vue 2中为组件prop设置默认值？例如，有一个movies可以以这种方式使用的简单组件： <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } 但是，如果用户未指定year： <movies></movies> 则组件将使用yearprop的一些默认值。 2.另外，检查用户是否未设置道具的最佳方法是什么？这是个好方法吗？ if (this.year != null) { // do something } 也许这： if (!this.year) { // do something } ？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.