当你有多个时,验证一个道具

时间:2017-02-23 12:53:33

标签: javascript validation vuejs2 vue.js

如果您有多个道具,如何在Vue中验证单个道具?

我目前有这个:

export default {
    props: {
        src: { required: true },
        alt: { required: false }
    },

    data() {
        return {

        };
    }
};

但我不需要对alt道具进行任何验证。通常情况下,如果我不需要验证,我只会使用一个数组,但现在我被迫以alt的形式对我的required: false进行验证吗?

1 个答案:

答案 0 :(得分:1)

如果你想允许alt: null成为任何东西或者什么都没有,你可以altprops: { src: { required: true, }, alt: String, }, ,但你可能希望这是一个字符串或什么都不想你想要的那样:

<html>
<head>
<script>
function openWin()
{
myWindow=window.open("","","width=200,height=100");
myWindow.document.write("<p>NEW WINDOW<p>");
}
</script>
</head>
<body>
<button onmousedown='openWin();'>Hello</button>
</body>
</html>