vue中v-if校验substring,replace等操作后的数据

需求：判断vue数据中url的后缀名

实现：

    在vue对象中定义事件，对参数进行处理，返回true OR false

var data;
$(function () {
    data = new Vue({
        el: '#start',
        data: {
            arrays: array
        },
        methods: {
            download: function (url) {
                window.location.href = url;
            },
            validate: function (value) {
                var h = value.substring((value.lastIndexOf('.')+1),value.length);
                if(h.toLocaleLowerCase() == 'pdf'){
                    return true;
                }
                return false;
            }
        }
    })

调用定义的事件，将校验的参数传入

<template v-if="validate(child3.url)">
    <a href="javascript:;" @click="download(child3.url)">{{child3.val}}</a>
</template>
<template v-else>
    <div style="height: 100%;width: 100%">
        <img :src="child3.url" style="width: 100%;height: auto;"/>
    </div>
</template>