如何通过vue.js 2将prop传递给输入值？

Question

我的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}}”：属性内插已删除。

我怎么解决这个问题？

Answer 1

使用绑定语法。

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

要么

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