for方法vue js中的循环并替换caract

时间:2019-04-23 07:51:17

标签: php loops vue.js

我必须显示我在用户模型中设置的数据,我从数据库中获取信息,但以html格式编码。

我已经尝试了很多方法,例如将json反序列化以正确的格式放置,但是我仍然使用纯HTML格式输出。

public function ReadUserData($action) {
        if (strcmp($action, "read") == 0) {
            global $f3;
            $user = $this->db->exec("SELECT
                            users.username,
                            users.email,
                            users.mobile
                            FROM
                            users");
            return json_encode($user);
        }
    }

在我的vue js中,我有:

  methods : {

    getDataUsers: function() {
      axios.get("http://localhost/?action=read")
      .then(function(response) {
        if (response.data.error) {
          app.errorM = response.data.message;
        } else {
          //app.users = response.data.users;
          app.users = "{{ @users }}";
          console.log(app.users);
        }
      });
    }
  }

实际上我的输出是html格式:/

[{“ username”:“ toto”,“ email”:“ toto@gmail.com”,“ mobile”:“ 0676565443”},{“ username”:“ jojo”,“ email”:“ jojo @ gmail.com“,” mobile“:” 0678654534“},{” username“:” jojo“,” email“:” jojo@gmail.com“,” mobile“:” 0678654534“}]

”,其中替换为“:/

我在想是否可以直接循环使用该方法,并用真正的双引号替换“&”?

谢谢您的时间!

1 个答案:

答案 0 :(得分:0)

您必须从后端返回json标头:

header('Content-Type: application/json');
echo json_encode($data);

并在前端接受json:

axios.post("/", {
                headers: {
                    'Content-Type': 'application/json'
                },
                data
            })