vue-component

    27热度

    4回答

    在vuejs 2.0 model.sync将是deprecated。 那么,在vuejs 2.0的兄弟组件之间沟通的正确方法是什么? 正如我赶想法在Vue的2.0是通过使用一个商店或事件总线具有同级通信。 根据evan: 这也是值得一提的“组件之间传递数据”是 一般一个坏主意,因为最终的数据流变得 无法追踪并很难调试。 如果某个数据片段需要由多个组件共享,请使用 global stores或Vue

    0热度

    1回答

    我有一个Vue组件modal其中有onClose道具通过其父项。当点击ok按钮时,将触发onClose方法。该代码是如下: Vue.component('modal', { template: '#modal-template', props: { onClose: { type: Function } },

    0热度

    1回答

    我有一个Icon.vue文件(如下所示): <template> <div class="book-item Icon--container Icon--{{active}}"> <a href="{{slug}}"> <img v-bind:src="path" transition="fadein" class="img-responsive"/>

    0热度

    1回答

    我是vuejs的新手,我遇到了一个问题,其中有一个父组件,它有几个使用<component :is="view">进行交换的子组件,其中view是父组件的属性。问题是,每个子组件必须与存储在父组件不同的数据集来填充......因此 父组件 <template> <component :is="view"></component> </template> export default

    0热度

    2回答

    我想创建具有双向绑定到组件的本地范围的输入的组件。 没有组件,我会创建一个新的Vue实例,然后将我的data设置为我所需要的。然后使用v-model,将输入绑定到该数据,并且可以从输入中对其进行处理。 但是,将相同的代码转换为组件,我无法在组件中获取任何输入以绑定到其数据。我尝试过道具,:data.sync,data属性,但无论我尝试过什么,组件内的输入都不起作用。 我创建了一个的jsfiddle

    0热度

    1回答

    在这篇文章中编辑的底部我解决我想要的东西来完成,哪些已经几乎工作 以下是我的应用程序都在应用上面定义的<oo-upload>和<oo-uploads>组件。本质上<oo-uploads>显示了一个<oo-upload>组件的表格来为我的应用程序构建一个文件上传插件。 uploads变量是所有上传的列表,并且upload定义了每个单独的上传。 <body> <script type="x

    0热度

    1回答

    我创建了一个vue.js组件的select2 jQuery的组件 与组件的问题是,选择是创建无形(未显示),如果组件的模板仅仅是原料选择: <select v-select2="val"> </select> (使用Chrome检查,我可以看到选择是由jQuery插件但是1x1的像素尺寸有效地转换为选择2) ...问题是,一切正常,如果我包装了选择无线在模板TH一个DIV: <div>

    3热度

    1回答

    我仍在学习vue.js和一个小项目的过程中,以帮助我了解更多关于使用Vuex创建更大规模的应用程序的信息。 我遇到了一个问题,我试图使用应用程序中的按钮从数组中删除特定项目;我似乎无法获得在Vuex中完成此操作的语法。这里就是我的工作: 店 const state = { sets: [{}] } export const addSet = function ({ dispatch

    0热度

    1回答

    之前我安装我的路由器我设立了一个全球性的Vue的实例,并使用VUE资源是这样的: export const befriend = (recipient, event) => { Vue.http.post('/route',{ // Data }).then(function(response) { // Success }.bind(this

    1热度

    1回答

    我想下面browserify工作流程迁移到一个单一的一饮而尽任务: 的package.json: "scripts": { "build": "browserify src/main.js > dist/build.js" }, ... "browserify": { "transform": [ "vueify", "babelify" ]