Vuejs - 随笔分类 - 晏过留痕

[Vuejs] node16+,node-sass,sass-loader版本兼容

摘要：node16+ 对应的node-sass,sass-loader版本 "sass-loader": "^10.2.0", "node-sass": "^6.0.1", 如果报错： Syntax Error: ValidationError: Invalid options object. Sass 阅读全文

posted @ 2021-08-23 11:26 晏过留痕阅读(7112) 评论(2) 推荐(1)

[Vue] npm install 如果安装node-sass失败，可以用如下方法解决

摘要：在项目根目录添加一个.npmrc文件 sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ registry=https://registry.npm.taobao.org 将安装路径修改为淘宝镜像然后执行命令: npm instal 阅读全文

posted @ 2020-05-31 17:06 晏过留痕阅读(855) 评论(0) 推荐(0)

[Vuejs] 点击单选框触发两次点击事件的处理

摘要：成功失败 data () { return { uploadStatus: '-1' } }, methods: { /** * 点击单选框取消选中状态的处理 * @param e 原生e * @param index */ clickRadio (e, index) { i... 阅读全文

posted @ 2019-08-23 11:33 晏过留痕阅读(8045) 评论(0) 推荐(0)

[Vuejs] 给ref赋值需要注意的问题

摘要：1、简单赋值访问方式： 2、循环赋值，相同名称访问方式： 3、循环赋值，不同名称访问方式：阅读全文

posted @ 2019-07-07 11:30 晏过留痕阅读(7070) 评论(0) 推荐(0)

[Vuejs] Vue解决代理设置导致浏览器Session丢失的问题

摘要：以下是会造成Session丢失的代理：修改成：需要把代理名称 proxyApi 替换成后台请求根目录 WRSOCXSystem 即可阅读全文

posted @ 2019-05-23 22:24 晏过留痕阅读(3821) 评论(0) 推荐(0)

[Vuejs] 在vue各个组件中应用全局scss变量

摘要：需要安装一个插件：sass-resources-loader 1、执行安装命令： 2、修改vue-cli环境下build文件夹下utils.js，找到scss加载位置：修改为： 3、在_var.scss中定义变量： 4、在vue组件中使用自定义的变量：阅读全文

posted @ 2019-05-17 16:31 晏过留痕阅读(8790) 评论(0) 推荐(0)

[Element-UI] 使用Element-UI的DateTimePicker组件报错:Cannot read property 'getHours' of undefined

摘要：使用Element-UI组件的DateTimePicker，如下：如果value 为时间戳或者yyyy-MM-dd hh:mm:ss格式，会报错：因为date-picker 的时间是格林威时间，赋给v-model的值需要格林威时间格式，如果value 为yyyy-MM-dd hh:mm:ss，则阅读全文

posted @ 2019-04-02 15:42 晏过留痕阅读(5885) 评论(0) 推荐(2)

[Vuejs] 组件 v-if 和 v-show 切换时生命周期钩子的执行

摘要：v-if 初始渲染初始值为 false 组件不会渲染，生命周期钩子不会执行，v-if 的渲染是惰性的。初始值为 true 时，组件会进行渲染，并依次执行 beforeCreate,created,beforeMount,mounted 钩子。切换 false => true 依次执行 befo 阅读全文

posted @ 2019-02-27 09:36 晏过留痕阅读(9784) 评论(0) 推荐(2)

[vuejs] 深入响应式原理

摘要：深入响应式原理现在是时候深入一下了！Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以回避一些常见的问题。在这个章节，我们将进入一些 Vue 响应阅读全文

posted @ 2018-09-17 21:27 晏过留痕阅读(1107) 评论(0) 推荐(0)

[Vuejs] svg-sprite-loader实现加载svg自定义组件

摘要：1、安装 svg-sprite-loader 或者 2、将所有svg图片放到assets/svg下，以此为例，修改文件 build/webpack.base.conf.js 找到代码：增加一行 exclude: [resolve("src/assets/svg")], 意思是用url-loader 阅读全文

posted @ 2018-09-08 11:50 晏过留痕阅读(1414) 评论(0) 推荐(0)

[vuejs] vue2.0-layer-mobile移动端弹层

摘要：vue2.0-layer-mobile移动端弹层本次组件升级支持slot内容分发功能，实现高定制内容风格的弹层安装方法 npm install vue2-layer-mobile -S 初始化 import layer from 'vue2-layer-mobile' Vue.use(layer 阅读全文

posted @ 2018-09-07 21:16 晏过留痕阅读(4454) 评论(0) 推荐(0)

[Vuejs] webpack+vue-cli打包如何引用相对路径

摘要：默认情况下通过webpack+vuec-li打包的css、js等资源，路径都是绝对的，即static在根目录下，假如部署到带有文件夹目录的项目中，资源路径就会出错，如何解决。 1.修改资源引用相对路径，打开build/webpack.prod.conf.js 找到27行 output:增加publi 阅读全文

posted @ 2018-09-02 23:08 晏过留痕阅读(5063) 评论(0) 推荐(0)

[vuejs] 终端npm run dev 不能自动打开浏览器运行项目解决办法

摘要：终端执行： npm run dev 出现： I Your application is running here: http://localhost:8080 但并没有打开浏览器运行项目解决办法：找到config/index.js中修改为如图：阅读全文

posted @ 2018-09-01 17:52 晏过留痕阅读(4302) 评论(0) 推荐(0)

[Vue] vue-cli3.0安装

摘要：1. node.js安装https://nodejs.org/en/download/ 2.npm的安装由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功: npm -v5.6.0 3. 阅读全文

posted @ 2018-08-20 16:22 晏过留痕阅读(8478) 评论(3) 推荐(0)

随笔分类 - Vuejs