nuxt3按需引入和全局引入element-plus 在plugins目录新增一个element-plus.ts文件。在utils目录下新建一个element-plus.ts文件。安装@element-plus/nuxt。在nuxt.config.ts中新增一条。此外,还会用到ElMessage等方法。
Hydration attribute mismatch on nuxt3 这个情况说明这里的dom在服务端的时候是A,到了客户端的时候,客户端想要显示为B,但因为是服务端渲染,所以实际上客户端的逻辑没生效。包一下有冲突的dom部分,确保客户端的逻辑正确显示。
cannot start nuxt: getaddrinfo ENOTFOUND localhost 2、进入/private/etc目录,点击hosts文件查看简介,跟第一步操作一样,解锁,然后把权限全部改成 可读和写。1、直接进入 /private目录,点击/etc目录查看简介,点击最下方的解锁按钮,把权限列表全部改完 可读和写。windows的hosts文件路径:C:\Windows\system32\drivers\etc。其他vue项目是正常运行的,但是运行nuxt3的时候就会报这个错。mac的hosts文件路径:/etc/hosts。3、这时候就可以正常对hosts文件进行更改了。
nuxt3设置友盟埋点 在plugins目录下新建一个youmeng.client.ts文件,.client表示该文件在客户端才执行。在middleware目录下再新建一个app.global.ts文件,用来进行路由拦截并记录到友盟统计中。nuxt3没有指定index.html,所以我们的友盟埋点怎么塞进去呢?
nuxt3路由以及路由拦截 nuxt3会默认所有页面都是服务端渲染,如果需要设置某个页面不走服务端渲染,可以在nuxt.config.js中单独配置。可以在middleware目录下新建app.global.ts文件,并添加相应的路由拦截逻辑,比如登录拦截可以这样处理。nuxt3没有专门的路由配置文件,是由文件目录自动生成路由。
chrome扩展插件开发manifest V3 { // manifest版本,目前最新的是第3版 "manifest_version": 3, // 扩展插件名称 "name": "My Extension", // 扩展插件的版本后 "version": "versionString", // 第3版之后开始支持,可控制扩展按钮 "action": { "default_icon": { // 默认图标 "16": "images/icon16.png", // optio
chrome 扩展插件API 稳定的APIapi解释accessibilityFeatures使用 chrome.accessibilityFeatures 管理chrome的可访问功能,该API依赖于ChromeSetting prototype of the type API 来读取和设置个人辅助功能,为了读取功能状态,需要请求accessibilityFeatures.read权限。插件需要请求accessibilityFeatures.modify权限来修改功能状态。需要注意的是, accessibili
vue iframe高度自适应 实用 iframe是vue的,在使用过程中高度根据数据实时变化,不好设置iframe的高度值。试了多种方式之后,总结了几种自适应的方式。实时刷新iframe高度变化var iframes = document.getElementsByTagName('iframe');setInterval(function() { for (var i = 0, j = iframes.length; i < j; ++i) { iframes[i].setAttribute('heigh
nvm的安装 mac 安装命令:curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash或wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash提示:Node Version Manager则表示安装成功。查看一下nvm是否安装成功nvm --version如果提示command not