从Vue中的数组数据中获取值

时间:2018-05-16 13:20:43

标签: javascript laravel vue.js

我对Vue不熟悉,而且我很难从数组中获取一个值。我正在制作一个axios get请求,其中我返回一个包含值(name,display_name,role和其他几个字段)的用户数组。我能够获得所有这些值并使用下面的组件安装我的表:

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;

/**
 * This class was created by Anthony M Cannon on 16/05/2018.
 */
public class MainActivity extends AppCompatActivity {

    private TextView textView;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.textView);

        EventHandler handler = new EventHandler();
        handler.test();
    }

    class EventHandler {

        void test() {
            textView.setText("Hello, from EventHandler.");
        }
    }
}

所以我想根据user.display_name的值修改那个类showRole,如果user.display_name等于" Manager"例如我会表现出btn-danger。我只是不知道如何将这个值进行比较,如果我尝试在showRole方法上使用this.user.display_name,我什么也得不到(未定义)。谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

我认为你应该使用一种方法,而不是you can't pass parameters to computed properties

使用此

...
methods : {
    showRole(user){
        //code that returns the button class
    }
}
...
<button :class="showRole(user)">Activate