Question

我是vue的新手，我正在尝试做的是使用这个jquery插件创建一个日期输入掩码：jQuery-Mask-Plugin

我创建了一个这样的vue组件：

<template>
    <input type="text" name="" class="form-control date">
</template>

<script>
    require('./../jquery.mask.min.js');
    export default {

        mounted: function () {
            $('.date').mask('00/00/0000');
            console.log('name ' + this.input-name);
        },

        props: ['input-name']

    }
</script>

我也尝试过：

props: ['input_name']

在另一个组件和刀片文件中，我这样称呼它：

<date-input :input-name="delivery_date"></date-input>

当我在浏览器中运行它时出现此错误：

[Vue警告]：属性或方法“delivery_date”未在实例上定义，但在呈现期间引用。确保在数据选项中声明反应数据属性。（找到）

为什么我会收到此错误？

console.log给了我undefined。

另外，如何将我发送的值（delivery_date）放入模板的输入名称中？我试过了：

<input type="text" name="{{ input-name }}" class="form-control date">

但那打破了npm run dev。

Vuejs 2道具错误

0 个答案: