[英]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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.