随笔分类 -  vue2

摘要:1、安装node16版本后,需要对项目中的node-sass和sass-loader进行升级,否则会报如下错误 Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupporte 阅读全文
posted @ 2022-11-14 17:30 奶包迷了鹿 阅读(3044) 评论(0) 推荐(0)
摘要:vue绑定数组,更新数组的内容时,view没有更新,多数是因为直接给数组內的数据赋值了, 如:this.student[i].name = "Jack Fung"; 这样做vue是不会触发视图更新的。根据vue的官方文档说明: 方法一 Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新。 阅读全文
posted @ 2022-08-15 10:38 奶包迷了鹿 阅读(616) 评论(0) 推荐(0)
摘要:插件vuex-persistedstate 阅读全文
posted @ 2022-04-15 14:50 奶包迷了鹿 阅读(173) 评论(0) 推荐(0)
摘要:安装 1 npm install crypto-js --save-dev 加解密 import CryptoJS from 'crypto-js'; ... /** * CryptoJS加密 */ var getAES = function(data){ //加密 var key = 'AAAAA 阅读全文
posted @ 2021-01-05 17:41 奶包迷了鹿 阅读(561) 评论(0) 推荐(0)
摘要:注意:无法解密,md5的特性就是只能加密,所以用md5加密的时候,一定要记住你填写的内容 第一步: npm安装: 1 npm install --save js-md5 第二步: 全局引用 1 import md5 from 'js-md5'; 2 Vue.prototype.$md5 = md5; 阅读全文
posted @ 2021-01-05 17:32 奶包迷了鹿 阅读(8126) 评论(0) 推荐(0)
摘要:NPM 安装 $ npm install js-cookie --save //引入 import Cookies from 'js-cookie' 设置cookie 创建一个cookie,在整个站点有效: cookies.set('name','value'); 创建一个7天后过期的cookie, 阅读全文
posted @ 2020-12-10 11:14 奶包迷了鹿 阅读(219) 评论(0) 推荐(0)
摘要:<script> export default { name: "form", data() { //ip地址校验 var IPValidator = (rule, value, callback) => { let ip_ip = '(25[0-5]|2[0-4]\\d|1\\d\\d|\\d\\ 阅读全文
posted @ 2020-12-07 11:13 奶包迷了鹿 阅读(3806) 评论(0) 推荐(0)
摘要://App.vue mounted() { if (this._isMobile()) { alert("手机端"); // this.$router.replace('/m_index'); } else { alert("pc端"); // this.$router.replace('/pc_i 阅读全文
posted @ 2020-12-02 17:16 奶包迷了鹿 阅读(1361) 评论(0) 推荐(0)
摘要:element-ui的table表格控件表头与内容列不对齐问题 解决方法:将以下样式代码添加到index.html、或app.vue中(必须是入口文件,起全局作用!)body .el-table th.gutter{display: table-cell!important;} 阅读全文
posted @ 2020-08-20 14:25 奶包迷了鹿 阅读(696) 评论(0) 推荐(0)
摘要:<style scoped> </style> 为了vue页面样式模块化,不对全局造成污染,建议每个页面的style标签加上scoped,表示他的样式只属于当前的页面,父组件的样式不会泄漏到子组件中。但是scoped也会造成一些额外的负担,如无法覆盖原有组件的样式。 可以加 /deep/ 。 深度作 阅读全文
posted @ 2019-12-05 11:44 奶包迷了鹿 阅读(293) 评论(0) 推荐(0)
摘要:安装vue-cli:1.npm install vue-cli -g2.vue install webpack 项目名3.cd 项目名4.npm install5.npm i webpack-dev-server css-loader style-loader less less-loader -- 阅读全文
posted @ 2019-11-12 14:38 奶包迷了鹿 阅读(1154) 评论(0) 推荐(0)
摘要:打包之后打开dist的页面显示空白: 1、记得改一下config下面的index.js中bulid模块导出的路径。 这里需要将 assetsPublicPath: '/'改为assetsPublicPath: './', 2.也有可能是因为背景图片路径没有配置需要在build/utils.js添加配 阅读全文
posted @ 2019-10-25 16:29 奶包迷了鹿 阅读(374) 评论(0) 推荐(0)
摘要:组件 <vue-component v-if="hackReset"></vue-component> <button @click="a"></button> methos:{ a(){ this.$nextTick(() => { this.hackReset = true; }); this. 阅读全文
posted @ 2019-10-25 13:36 奶包迷了鹿 阅读(910) 评论(0) 推荐(0)
摘要:解决方式:安装 "babel-polyfill" 即可。 命令:cnpm install --save-dev babel-polyfill 在入口main.js文件引入:import 'babel-polyfill' 最后一步,在build文件夹下找到webpack.base.conf.js. 把 阅读全文
posted @ 2019-10-23 11:07 奶包迷了鹿 阅读(232) 评论(0) 推荐(0)