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 =＆＃34; {{productId}}＆＃34;：内部属性中的插值已被删除。

我该如何解决这个问题？

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传递给输入值？

1 个答案: