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

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

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

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

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

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

版本

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

我自己写了一个指令，

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]);
    }
}

}

这样还好解决点。。