文件是服务器发送的,数据也是服务器发送的,如何用vuejs绑定(bind)呢?我最后想显示的是数据,而不是filedName。
<script>
module.exports = {
data: function () {
return {
filedNameFromServer: ['{{filed1}}', '{{filed2}}','{{filed3}}'],
dataFromServer: {
filed1: 'value1',
filed2: 'value2',
filed3: 'value3'
}
}
},
methods: {
}
}
</script>
<template>
<ul>
<li v-for="filedName in filedNameFromServer">{{filedName}}</li>
</ul>
//which I want after compile
<ul>
<li>value1</li>
<li>value2</li>
<li>value3</li>
</ul>
</template>
最佳答案
<script>
module.exports = {
data: function () {
return {
filedNameFromServer: ['filed1', 'filed2','filed3'],
dataFromServer: {
filed1: 'value1',
filed2: 'value2',
filed3: 'value3'
}
}
},
methods: {
}
}
</script>
HTML:
<template>
<ul>
<li v-for="filedName in filedNameFromServer">
{{ dataFromServer[filedName] }}
</li>
</ul>
//which I want after compile
<ul>
<li>value1</li>
<li>value2</li>
<li>value3</li>
</ul>
</template>
PS:filed
应该是field
,还是您的数据实际上是关于文件/归档的?
关于javascript - 如何使用 vuejs 绑定(bind)来自服务器的动态字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37563938/