weixin_44747590的博客

写vue的一个项目时，登录页面没有底栏，浏览页面有底栏，登录完成后使用router.back()返回，结果底栏飘起了来，怎么都下不来，强制刷新才正常。找了一圈，最好的解决方法就是在组件里加一个 :key=“变量” 有了这个之后，一旦这个key的值改变了，vue就会对虚拟DOM重新加载 代码如下： <van-tabbar v-model="active" route :key="$route.path"> <van-tabbar-item to="/" icon="home

## ts 使用vue3的新特性时 props写法 const props = defineProps({ pic: { type: Array as () => Array<string>, //(string也可以是其他你自定义的接口) required: true, default: () => [] } }); *** ...

vue2中可以直接使用this，但在 setup 中你应该避免使用 this，因为它不会找到组件实例。setup 的调用发生在 data property、computed property 或 methods 被解析之前，所以它们无法在 setup 中被获取。 setup 中ref操作dom的使用方法：需要在setup中先定义一个同名的ref(null)如下所示 <div> Vue 3 app <input ref="myinput" /> <button @cl

toRef 可以用来为源响应式对象上的 property 性创建一个 ref。然后可以将 ref 传递出去，从而保持对其源 property 的响应式连接。本质类似指针引用。 举例： const state = reactive({ foo: 1, bar: 2 }) const fooRef = toRef(state, 'foo') fooRef.value++ console.log(state.foo) // 2 state.foo++ console.log(fooRef.value