如何使用 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}}": Interpolation inside attributes has been removed.

我该如何解决这个问题？

Answer 1

使用 binding syntax.

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

或者

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

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

How can I pass prop to value of input with vue.js 2?

vue.js

vue-component

vuejs2