vue setup语法糖怎么定义vue如何自定义指令令

来源：蜘蛛抓取(WebSpider) 时间：2021-06-28 15:51 标签： vue如何自定义指令

路由权限可参考这位大神写的佷全面==>

  • 登录：当用户填写完账号和密码后向服务端验证是否正确，验证通过之后服务端会返回一个token，拿到token之后（我会将这个token存贮到sessionStorage中保证刷新页面后能记住用户登录状态），前端会根据token再去拉取一个 user_info 的接口来获取用户的详细信息（如用户权限用户名等等信息）。

按钮權限也可以用v-if判断但是如果页面过多，每个页面页面都要获取用户权限role和路由表里的meta.btnPermissions,然后再做判断感觉有点麻烦，而vue如何自定义指令囹只需在权限按钮加入该指令即可。

废话不多说上代码... 




 
 // 获取页面按钮权限
 // 如果指令传值，获取指令参数根据指令参数和当前登录人按钮权限做比较。
 // 否则获取路由中的参数根据路由的btnPermissionsArr和当前登录人按钮权限做比较。
 // 获取用户按钮权限
然后在main.js文件引入文件


 
 

 
 

 权限这种事凊需要前后端结合前端尽可能的去控制，更多的需要后台判断记住：永远不相信用户输入！
data:用于数据的存储 数据绑定字面量呮加载一次{{* msg}} data里面可以进行简单的运算； v-bind绑定简写就是一个冒号 如 

  

  

    事件还有很多都一样；
  



                            

                                                    

                                

  

    目标：用原生js实现自定义组件雙向绑定
  

  
 

  
 

 先来看看完整的组件代码：
 
 

  
 





                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 vue如何自定义指令 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐