郑州网站建设中国建设建设银行,wordpress 内存溢出,西宁建设公司网站,软件公司做网站在Vue2项目中可以使用this.$router.push等方法进行路由的跳转#xff0c;但是在Vue3的setup函数里#xff0c;并没有this这个概念#xff0c;因此如何使用路由方法 1.// 在新的vue-router里面尤大加入了一些方法#xff0c;比如这里代替this的useRouter#xff0c;具体使用…在Vue2项目中可以使用this.$router.push等方法进行路由的跳转但是在Vue3的setup函数里并没有this这个概念因此如何使用路由方法 1.// 在新的vue-router里面尤大加入了一些方法比如这里代替this的useRouter具体使用如下 //引入路由函数 import { useRouter } from vue-router; //使用 setup() { //初始化路由 const router useRouter(); router.push({ path: / }); return {}; } 2.在vue2中可以通过this来访问到$refsvue3中由于没有this所以获取不到了但是官网中提供了方法来获取:
template h2 refroot姓名/h2 /template script import { onMounted, ref } from vue export default { name: test9, setup(){ const root ref(null) onMounted((){ console.log(root.value); }) return { root } }, } /script
//第二种方法也可以通过getCurrentInstance来获取 template h2 refroot姓名/h2 /template
script import { onMounted, ref, getCurrentInstance } from vue export default { name: test9, setup(){) const {proxy} getCurrentInstance() onMounted((){ console.log(proxy.$refs.root); }) return { } }, } /script 3.关于element在vue3的使用方法没有this.$message等方法解决方案 template button clickdoLogin登录/button /template
script import { getCurrentInstance } from vue export default { name: Test, setup () { const instance getCurrentInstance() // vue3提供的方法创建类似于this的实例 const doLogin () { instance.proxy.$message({ type: error, text: 登录失败 }) // 类似于this.$message() } return { doLogin } }, // 如果想试用this.$message须在mounted钩子函数中setup中没有this实例 //但vue3.0中还是建议在setup函数中进行逻辑操作 mounted () { this.$message({ type: error, text: 登录失败 }) } } /script
