小编Vic*_*ira的帖子

Vue中的嵌套循环

我有一个对象的对象,我用vue传递,我这样做是为了运行:

 <ul>
    <li v-for="subjects in questions">
        <li v-for="question in subjects">
            @{{ question }}
        </li>
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

但我收到这个错误:

属性或方法"主题"未在实例上定义,但在呈现期间引用.确保在数据选项中声明反应数据属性.(在根实例中找到)

如何在vue中运行嵌套循环?

javascript nested-loops vue.js

7
推荐指数
1
解决办法
1万
查看次数

反应组件未在我的视图上呈现

我在项目上安装了react-rails,并添加了

gem 'react-rails'
Run Code Online (Sandbox Code Playgroud)

然后我用

rails g react:install
Run Code Online (Sandbox Code Playgroud)

我有我的索引html index.html.erb,带有react_component帮助器,它调用我的componnet

<%= react_component("Post", {title: "Hello World"}) %>
Run Code Online (Sandbox Code Playgroud)

我在app / assets / javascript / components / post.jsx中有这个帖子组件

class Post extends React.Component {
  render() {
    return <h1>{this.props.title}</h1>    
  }
}
Run Code Online (Sandbox Code Playgroud)

但是我的组件没有在屏幕上渲染

为什么?

ruby-on-rails reactjs

5
推荐指数
3
解决办法
2206
查看次数

bulma 无法使用 vue-cli

我用 vue-cli 启动了一个项目,然后运行

npm bulma install
Run Code Online (Sandbox Code Playgroud)

并在我的 App.vue 中导入了 bulma

@import "../node_modules/bulma/bulma.sass";
@import '../node_modules/bulma/sass/utilities/initial-variables.sass'
Run Code Online (Sandbox Code Playgroud)

但我正在使用他们的课程并且不起作用。

<div class="columns">
<div class="column">1</div>
<div class="column">2</div>
<div class="column">3</div>
<div class="column">4</div>
<div class="column">5</div>
Run Code Online (Sandbox Code Playgroud)

vue.js bulma

2
推荐指数
1
解决办法
2335
查看次数

使用 Vue 在页面中传递数据

我在一个函数中接收数据,这个函数需要加载一个新页面。我正在使用 .load() 方法使用 Jquery 执行此操作,但是我的 vue 方法收到错误消息,提示无法在其他页面中找到该元素。我相信这可能是一个更好的方法,但我不知道该怎么做通过 vue 组件传递数据

static foo(a,b){
    $('#maindiv').load("/newPage");
    new Vue({
        el: '#newPageElem',
        data: {
            vueVar1:a
            vueVar2:b
        },

    });
}
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点?我相信使用 Jquery 不是实现这一目标的最佳方法,但我不知道如何使用 vue 更改路由并在它们之间传递参数。

谢谢。

ecmascript-6 vue.js

1
推荐指数
1
解决办法
1761
查看次数

淡化元素过渡

我有一个列表,我用vue运行它.但是我想使用淡入淡出效果来改变它的价值.但它不适用于标签

下面是一个使用v-if进行转换效果的示例,但它不适用于列表转换

new Vue({
el:'#test',
data:{
    counter:0,
    show:true,
    foo:['a','b','c']
}

})
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/kv3s2y6z/2/

vue.js

1
推荐指数
1
解决办法
1002
查看次数