如何使用 vue.js 2 将 prop 传递给输入值？答案

【问题标题】：How can I pass prop to value of input with vue.js 2?如何使用 vue.js 2 将 prop 传递给输入值？
【发布时间】：2017-05-26 04:00:23
【问题描述】：

我的 vue 组件是这样的：

<template>
    <div class="modal" tabindex="-1" role="dialog">
         <form method="post" :action="baseUrl+'/product/edit'">
            ...
            <input type="hidden" name="product_id" value="{{productId}}">
            ...
         </form>
    </div>
</template>

<script>
    export default {
        props:['productId'],
        ...
    }
</script>

存在这样的错误：

value="{{productId}}"：属性内的插值已被移除。

我该如何解决这个问题？

【问题讨论】：

标签： vue.js vuejs2 vue-component

【解决方案1】：

使用binding syntax。

<input type="hidden" name="product_id" v-bind:value="productId">

或者

<input type="hidden" name="product_id" :value="productId">

【讨论】：