vuejs2

1热度

3回答

我有一个vue.js单个文件组件与一个按钮，打开zurb foundation模式与视频。当我点击按钮重新加载页面。它不会在开发工具控制台或网络部分显示任何错误。这里是我的代码：在home.vue <a data-open="video" class="button warning" href="">WATCH VIDEO</a> <div id="video" class="reveal"

1热度

1回答

如何重用方法：在主对象中定义并调用VueJS中的所有组件

我使用vueJs的父子组件。我目前必须为多个组件分别定义一个方法。但是，我只想定义它在一个地方，并在多个位置使用。我父母模板是， <campaign_segment :a=add(1,2)> </campaign_segment> 父模板源， <template v-if="showTemplate" id="segment_body"> </template> 在VueJS， Vue

1热度

1回答

插入到v中的组件列表中 - 以便重新创建所有剩余的内容

使用Vue＃2.1.6创建页面内容编辑器时遇到问题。我使用Vue动态组件来处理每篇文章。当我将新文章插入v-for列表中时，所有剩余的文章都重置为其初始状态。这里是例子 https://jsfiddle.net/3jowy381/ Vue.component('type-a', { template: '<div class="style-a" @click="ready">{{cont

2热度

1回答

查看在Vuejs 2

的具体路线我是新的VueJS，我使用的VueJS 2 Webpack模板。我试图从登录组件重定向到家庭组件，如果登录成功，我尝试了很多东西，但我仍然收到错误。这里是我的路由： const router = new VueRouter({ mode: 'history', routes: [{ 'name': 'home', path: '/',

1热度

1回答

Vue foreach没有正确过滤

我一直在尝试Vue 1.x，而且我刚刚切换到2.x，并且我一直在缓慢地修改一些东西，主要是指令。现在我正在努力过滤数组。想象一下，我有三个项目，A，B和C.无论我说哪一个被过滤出来，它总是最后一个出现的元素。所以想象我删除A，那么C将消失。我已经创建了一个的jsfiddle为例：https://jsfiddle.net/arj70sz4/ 根据需要通过StackOverflow的：的for-

1热度

2回答

Vuejs 2图像滑块

我已经在angularjs中使用过flexslider。我正在与vue.js一起工作一个laravel 5.3项目2.我已经找到了一种方法来创建一个像这样的滑块，但我想要的是像flexslider那样在图像上有箭头。 new Vue({ el: 'image-slider', data: { images: ['http://i.imgur.com/vYdoAKu.

0热度

1回答

问题与基金会.vue一个文件组件使用

我已经认识到在.vue single file components使用Zurb Foundation类时是一个问题。起初，我不能让一个Reveal Modal到.vue component内工作，但它工作时我在blade或html文件中使用相同的代码。然后，我发现一个模式，因为当我试图用Foundation's Orbit失败的组件内部，起初我以为这是一个错误，但后来我用同样的代码在blade文

2热度

2回答

Vue.js'v-bind：class'不会更新即使模型确实

我有一个项目列表，我想将样式应用于当前选定的项目。我也使用Vuex来管理状态。我的列表组件： const List = Vue.component('list', { template: '<template v-if="items.length > 0">' + '<ul class="list-group md-col-12">' +

1热度

1回答

Vuejs 2从阵列（拼接）不与过渡

动画我有一个VUE成分除去： <transition-group name="list"> <task v-for="task in tasks" v-bind:key="task.id" v-bind:task="task" class="list-task"></task> </transition-group> 用一个简单的过渡： .list-task { tran

0热度

1回答

使用自定义指令不起作用的动画

创建了自定义指令来扩展v-show，v-showblock正在添加true样式：display：block; 的转换/动画与V型秀的工作，但不与V-执行showblock，这是工作没有动画。我简化了我的代码，以重点考虑的问题： <style> .fade-enter-active, .fade-leave-active { transition: opacity .5s } .f