vue中的if,Vue v-if

　　本文主要介绍了在vue v-if中调用函数的方法，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

vue v-if调用函数

　　div v-if=test()/div

methods属性这样配置

　　方法：{

　　测试：函数(){

　　var结果=false

　　//.

　　返回结果；

　　}

使用v-if时的注意点

1.v-if和v-else或v-else-if之间不能添加其他元素

　　以下是错误事例

　　Span-if= type==1 错误演示/span

　　span哈哈哈/span

　　P v-else，呵呵呵/p

　　以下是正确实例

　　Span-if= type==1 正确示范/span

　　P v-else，呵呵呵/p

　　span哈哈哈/span

2.v-if 为同一类型组件

　　(或者同一个模板的dom树)要显示和隐藏，最好在最外层添加key属性来设置唯一标识符，否则容易出问题。

　　模板v-if=type===用户名

　　用户名/标签

　　输入占位符=输入用户名

　　/模板

　　模板v-else

　　邮箱/标签

　　输入占位符=输入邮箱

　　/模板

　　上面代码切换的时候，只切换占位符，不会重新渲染，因为他用的是同一个模板。

　　如果v-if开关是一个逻辑复杂的控件，不重新渲染很容易出问题。

　　需要给要重新呈现的控件添加一个key属性来唯一标识控件，被key标识后会重新呈现。

　　实例如下：

　　模板v-if=type===username key=1