vue2中，v-if与过滤器一起使用的问题

Question

想问下vue2能不能这样过滤+v-if

页面是输出true 但是没显示我想要的效果。。

本来我这应该会显示。
![

Answer 1

不行吧，我记得 vue2 中 | 不能用在属性中，用方法代替吧

更：vue 2.1 开始，管道符能用在 moustache 和 v-bind 中

详见 https://cn.vuejs.org/v2/guide... 过滤器一节

Answer 2

v-if内容用括号包起来 ( )

<div id="app-test" v-if="(true | false)">
       test if
</div>

var app_test = new Vue({
  el: '#app-test'
});

版本

/*!
 * Vue.js v2.1.10
 * (c) 2014-2017 Evan You
 * Released under the MIT License.
 */

Answer 3

我自己写了一个指令，

exports.role = (el, binding, vnode) => {
if (sessionStorage.role.indexOf(binding.value) < 0) {
    for (var i = el.childNodes.length - 1; i >= 0; i--) {
        el.removeChild(el.childNodes[i]);
    }
}

}

这样还好解决点。。