将数组传递给 Vue.js 2.0 中的组件
Passing an array to a component in Vue.js 2.0
我正在将一个数组传递给 Vue.js 中的一个组件,但它没有正确传递。字符串传递良好。我的代码如下:
Vue代码
<template>
<div class="panel panel-default">
<div class="panel-heading">{{c}}</div>
<div class="panel-body">
</div>
</div>
</template>
<script>
import axios from 'axios';
export default {
mounted() {
console.log('Component ready.');
},
props: ['f','c'],
data : function() {
return {
}
},
和HTML/PHP
<div class="container">
<div class="row">
<div class="col-md-12">
<?php $a = ['Pasta', 'Chicken', 'Rice']; ?>
<credits f= $a c="One"></credits>
</div>
</div>
</div>
在这种情况下 "c" 工作正常而 "f" 不工作。
我怎样才能正确地做到这一点?
也许尝试使用 json_encode()
像这样对值进行编码:
<credits f="<?= json_encode($a)?>" c="One"></credits>
我正在将一个数组传递给 Vue.js 中的一个组件,但它没有正确传递。字符串传递良好。我的代码如下:
Vue代码
<template>
<div class="panel panel-default">
<div class="panel-heading">{{c}}</div>
<div class="panel-body">
</div>
</div>
</template>
<script>
import axios from 'axios';
export default {
mounted() {
console.log('Component ready.');
},
props: ['f','c'],
data : function() {
return {
}
},
和HTML/PHP
<div class="container">
<div class="row">
<div class="col-md-12">
<?php $a = ['Pasta', 'Chicken', 'Rice']; ?>
<credits f= $a c="One"></credits>
</div>
</div>
</div>
在这种情况下 "c" 工作正常而 "f" 不工作。
我怎样才能正确地做到这一点?
也许尝试使用 json_encode()
像这样对值进行编码:
<credits f="<?= json_encode($a)?>" c="One"></credits>