
vue
wangooo
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
多行文本超出显示省略号
【代码】多行文本超出显示省略号。原创 2024-01-05 12:52:36 · 885 阅读 · 0 评论 -
css定位属性position:fixed
Absolute定位是相对于 static(position默认值)定位以外的第一个父元素进行定位,如果不存在已定位的父元素,则相对于body元素。Fixed定位是相对于浏览器视口来定位的,也就是说,元素的位置不会随着页面滚动而改变,始终会固定在视口的某个位置。Fixed和Absolute都是CSS中定位的属性,它们用于控制元素在页面中的位置,其中Fixed表示固定定位,Absolute表示绝对定位。Absolute定位的常用场景是实现页面中的局部定位,例如可以实现图片的悬浮效果、文字的重叠等。原创 2024-01-02 16:35:09 · 6507 阅读 · 0 评论 -
Chrome升级到120版本后VUE项目无法使用SourceMap
设置-忽略列表-启用忽略清单(升级120版本后,默认启用的)转载 2023-12-18 13:13:26 · 1057 阅读 · 1 评论 -
vue 自建的css文件打包后找不到
vue中使用固定的css文件转载 2023-09-21 15:37:32 · 1390 阅读 · 0 评论 -
el-select clearable 清空后数据为空串
看源码是这样的handleClearClick(event) { this.deleteSelected(event);},deleteSelected(event) { event.stopPropagation(); const value = this.multiple ? [] : ''; this.$emit('input', value); this.emitChange(value); this.visible = false;原创 2021-09-28 13:44:30 · 9597 阅读 · 2 评论 -
Vue history模式下报错 Uncaught SyntaxError: Unexpected token <
history模式下 vue.config.js 中 publicPath 不能设置为相对路径vue-cli3.0下:在 vue.config 里设置 publicPath: '/'原创 2021-09-23 16:59:49 · 387 阅读 · 0 评论 -
vue项目 ESLint: ‘item‘ is defined but never used
ESLint: 'item' is defined but never used.(no-unused-vars)在 package.json中,找到 eslintConfig ,在 rules 里添加 "no-unused-vars": "off"原创 2021-09-08 22:10:07 · 1896 阅读 · 0 评论 -
vue computed 传参数
computed: { // 控制显示的内容 computedText() { // 传参数 return function(value) { return this.processValue(value, 20) } },}原创 2021-09-08 13:47:34 · 223 阅读 · 0 评论 -
vue 下载模版文件
从后台接口中返回的类型是 blobdownload() { let params = { } this.$axios({ method: 'get', responseType: 'blob', //防止返回乱码 url: this.baseUrl + '/download/template', params: params }).then.原创 2021-09-06 13:25:45 · 697 阅读 · 0 评论 -
vue 使用 vue-router
安装npm install vue-router如果在一个模块化工程中使用它,必须要通过Vue.use()明确地安装路由功能:import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)新建 router/index.js 文件,路由就是在这里配置的。// 引入 vue 和 vue-router 组件import Vue from 'vue';import VueRouter f..原创 2021-09-02 10:38:06 · 138 阅读 · 0 评论 -
vue cli3 配置多个环境
在项目开发的各个阶段,比如:开发环境、测试环境、生产环境,我们需要为项目指定不同的一些配置信息。比如接口api的域名,在开发环境中是开发服务器,在上线之后需要切换到正式服务器。这个时候我们就需要管理环境下的配置文件信息。env文件说明.env:默认全局配置文件 .env.local:本地覆盖。除 test 之外的所有环境都加载此文件 .env.development, .env.test, .env.production:特定环境配置文件 .env.development.local, .原创 2021-08-30 22:51:24 · 1330 阅读 · 0 评论 -
npm install --save 、--save-dev 、-D、-S 区别
--save 等同于-S--save-dev等同于 -Dnpm install --save1、安装模块到项目node_modules目录下。2、将模块依赖写入dependencies3、运行npm install --production或者注明NODE_ENV变量值为production时,会自动下载模块到node_modules目录中。4、安装生产环境依赖的模块,即项目运行时的模块,例如react、react-dom、axios、echarts、element-ui 等..原创 2021-08-30 22:13:55 · 469 阅读 · 0 评论 -
vue项目发布到生产环境去掉console
使用babel-plugin-transform-remove-console插件参考https://forum.vuejs.org/t/remove-console-logs-from-production-buils/39327安装依赖库$ npm install babel-plugin-transform-remove-console --save-dev如果使用的是 vue-cli 3,修改 babel.config.js 配置const removeConsol...原创 2021-08-30 21:25:49 · 569 阅读 · 0 评论 -
span \n 换行
字符串中包含\n或<br/>等换行符号,但是前端渲染时候却并没有真正的换行。white-space:pre-wrap;.comment{ white-space:pre-wrap;}原创 2021-08-19 14:25:27 · 10550 阅读 · 3 评论 -
Vue 字符串中加多个空格
在字符串中添加字符,添加的空格的字符是:"\xa0",即 \u00A0不间断空格\u00A0let sepDot = '\xa0 • \xa0';三种空格unicode ( \u00A0,\u0020,\u3000 )1.不间断空格 \u00A02.半角空格(英文符号) \u0020,代码中常用的3.全角空格(中文符号) \u3000,中文文章中使用...原创 2021-06-25 22:15:03 · 10391 阅读 · 1 评论 -
el-table 高亮某一行
使用 highlight-current-row 属性el-table 加上 highlight-current-row 属性。<el-table ref='tTable' :data="dataList" highlight-current-row></el-table>调用setCurrentRow(row, true) 设置当前行高亮,row为dataList里面的数据。selectRow(row) { if (row) { th.原创 2021-06-22 14:54:55 · 8177 阅读 · 1 评论 -
el-table 自动滚动到对应的行
el-table 当当前行不在显示的区域中时,将当前行自动滚动到显示区域的上方。300是显示区域的高度,-300是防止每次当前行发生变化时,当前行都要滚动到显示区域的上方。这样只有当 当前行不在显示区域中时,才会滚动到显示区域的上方。 updateSpeakSentenceRow() { let curIndex = 0; // 如果当前索引变化 if (curIndex !== this.curSentenceRowIndex) {.原创 2021-06-22 14:18:34 · 6717 阅读 · 2 评论 -
vue 组件命名规范
https://cn.vuejs.org/v2/guide/components-registration.htmlhttps://cn.vuejs.org/v2/style-guide/#%E5%8D%95%E6%96%87%E4%BB%B6%E7%BB%84%E4%BB%B6%E6%96%87%E4%BB%B6%E7%9A%84%E5%A4%A7%E5%B0%8F%E5%86%99%E5%BC%BA%E7%83%88%E6%8E%A8%E8%8D%90组件名在注册一个组件的时候,我们始.转载 2021-04-27 12:42:53 · 1432 阅读 · 0 评论 -
vue项目运行报错 node_modules/.bin/vue-cli-service: Permission denied
vue项目运行 npm run serve 报错sh: /Users/wang/WebstormProjects/test_web/node_modules/.bin/vue-cli-service: Permission deniednpm ERR! code ELIFECYCLEnpm ERR! errno 126npm ERR! [email protected] serve: `vue-cli-service serve`npm ERR! Exit status 126npm ERR!.原创 2020-09-07 11:04:16 · 9570 阅读 · 5 评论