Vue.js
v
勇敢的阿呆
该奋斗的年纪,不要选择安逸。
展开
-
Vue中各种CSS深度选择器
Vue 2.x中可以使用 >>>、/deep/、::v-deep注意:Sass 对 >>> 可能存在无法解析的问题,建议使用后两者Vue 3.x中可以使用 :deep(el)参考链接:https://vue-loader.vuejs.org/zh/guide/scoped-css.html#深度作用选择器https://v3.cn.vuejs.org/api/sfc-style.html#深度选择器...原创 2022-01-01 18:13:23 · 691 阅读 · 0 评论 -
Vite执行npm run serve后浏览器报Cannot GET /
在使用 Vite 时,想像以前执行 npm run serve 一样,查看生产环境的应用。在执行后并未发现异常,但在浏览器访问时,显示 Cannot GET /,说是找不到根目录。在网上查找解决方案,发现并没有结果。可能是还没有人踩到这个坑。查看了 package.json 文件中的 scripts,运行 npm run serve 执行的是 vite preview."scripts": { "dev": "vite", "build": "vue-tsc --noEmit &&a原创 2021-11-14 00:44:24 · 4401 阅读 · 1 评论 -
Vite启动后提示“Network: use `--host` to expose“,且无法通过网络IP访问服务
目录起因问题重现问题原因解决方法1. 修改 vite.config.js 配置2. 通过 Vite CLI 配置3. 修改 npm 脚本起因当使用 Vite 构建项目后,需要通过局域网中的电脑或手机访问服务调试时,发现通过 IP + 端口无法访问。问题重现当运行 npm run dev | serve 命令时,会显示一下内容。> [email protected] serve /Users/UserName/Workspace/vue-vite> vite |原创 2021-07-21 11:55:00 · 33081 阅读 · 15 评论 -
ElementUI的Table组件在无数据情况下让“暂无数据”文本居中显示
发现问题当有多列字段显示时,会出现底部滚动条。此时“暂无数据”文本是根据列平铺的总宽度居中。这样就导致初始时滚动条是在最左侧,那么“暂无数据”文本就会向右偏移。解决办法尝试设置“暂无数据”文本元素所在元素右侧内边距。/deep/ .el-table__empty-block { width: 100%; min-width: 100%; max-width: 100%; padding-right: 100%;}成功解决!如果你觉得此篇博客对你有帮助,请点个赞再走吧!原创 2020-12-31 10:30:51 · 5522 阅读 · 3 评论 -
Vue 限制 Style 样式仅作用于此组件
<!--添加“scoped”属性以将CSS限制到此组件--><style scoped>...</style>原创 2020-05-26 16:57:51 · 584 阅读 · 0 评论