当前位置: 首页 > Web前端 > vue.js

vue中this.$xx的使用说明

时间:2023-03-31 14:55:12 vue.js

this.$xx是系统定义的属性,常用的有:this.$message、this.$route、this.$router、this.$ref(已经写好了)、this.$confirm、this.$emit、this.$store,this.$loading...###1.this.$confirm,this.$messageremoveQuestion(id){this.$confirm("确定要删除吗?","Prompt",{confirmButtonText:"确定”,cancelButtonText:“取消”,类型:“警告”,})。then(()=>{AdminApi.library.removeQuestion({id:id,pageName:this.pageName,}).then((res)=>{if(res.status=="200"){this.popVisible=false;this.$message.success("操作成功!");this.getQuestionDict();}});});},###2.this.$router,this.$routesetTimeout(()=>{this.$router.push("/enterprise/info/"+this.eid);},3000);$this.$router.push()获取参数:this.$route.params.userId3.this.$emit组件间通信(点击确定提交模态框,关闭模态框)###4.this.$store数据缓存store/index.jsimportVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)conststore=newVuex.Store({state:{userId:localStorage.getItem('userId'),userEmail:localStorage.getItem('userEmail'),userMobile:localStorage.getItem('userMobile'),},getters:{isLogin(state){returnstate.userId&&state.userId>0},userId(state){returnstate.userId;},userEmail(state){返回state.userEmail;},userMobile(state){returnstate.userMobile;}},mutations:{login(state,user){state.userId=user.id;state.userEmail=user.email;state.userMobile=user.mobile;localStorage.setItem('userId',user.id);localStorage.setItem('userEmail',user.email);localStorage.setItem('userMobile',user.mobile);},logout(state){state.userId=0;state.userEmail='';state.userMobile='';localStorage.removeItem('userId');localStorage.removeItem('userEmail');localStorage.removeItem('userMobile');}}})exportdefaultstore使用:this.$store.commit("login",user);这个.$store.getters.isLogin?"是":"否";this.form.operatorName=this.$store.getters.adminName;

最新推荐
猜你喜欢