实现Vue中无需刷新页面即可改变页面方向
P粉333395496
P粉333395496 2023-09-11 16:48:55
0
2
552

我希望当在Pinia中的值发生变化时,也能改变页面的方向,代码运行正常,但页面会重新加载,我不希望页面重新加载。

这是我的App.vue文件

 
P粉333395496
P粉333395496

全部回复 (2)
P粉274161593

需要进行常规数据绑定。在这种情况下,使用一个观察者来实现。

watch( language, value => { if (value === 'ar') document.documentElement.setAttribute('dir','rtl') else document.documentElement.removeAttribute('dir') }, { immediate: true } )

请确保在服务器端渲染时不要访问document

    P粉317679342

    尝试将您的内容放在另一个元素中,而不是修改document。此外,使用计算属性进行响应性。

     
      最新下载
      更多>
      网站特效
      网站源码
      网站素材
      前端模板
      关于我们 免责声明 Sitemap
      PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!