2021年10月
[踩坑]vue-cli3安装@babel/polyfill后，安卓5.1等低版本页面仍然空白
摘要： 白屏原因：安卓低版本无法解析es6语法,需要借助babel把es6转化为es5 安装npm install @babel/polyfill 在main.js第一行引入import '@babel/polyfill' //vue.config.js非常重要 const path = require(' 阅读全文
posted @ 2021-10-11 15:11 chicidol 阅读(598) 评论(0) 推荐(0)
vuex
摘要： //store->modules->app.js const state = { third: false, } const mutations = { SET_THIRD: (state, third) => { state.third = third }, } const actions = { 阅读全文
posted @ 2021-10-08 14:30 chicidol 阅读(27) 评论(0) 推荐(0)
2021年9月
textarea如何实现默认最小高度，根据内容高度自适应，超过最大高度就滚动显示？
摘要： textarea默认只显示一行的高度，输入内容不超过3行，高度自适应展示，超过3行则滚动显示。 <div class="textarea-content"> <textarea name="note" class="textarea" v-model="text" placeholder="请输入您 阅读全文
posted @ 2021-09-29 13:50 chicidol 阅读(2040) 评论(0) 推荐(0)
解决scrollTop一直为0的bug
摘要： 问题：document.documentElement.scrollTop或者document.body.scrollTop一直为0 原因：浏览器的兼容问题 解决：document.documentElement.scrollTop = document.body.scrollTop= window 阅读全文
posted @ 2021-09-29 09:58 chicidol 阅读(556) 评论(0) 推荐(0)
Computed property "XXX" was assigned to but it has no setter
摘要： 报错原因：vuex 1.组件中v-model=“XXX”，而XXX是vuex state中的某个变量 2.vuex中是单项流，v-model是vue中的双向绑定，在computed中只经过get获取参数值，没有set没法改变参数值 解决办法： 1.在computed中设置get和sets <inpu 阅读全文
posted @ 2021-09-26 18:13 chicidol 阅读(211) 评论(0) 推荐(0)
vue input radio单选选中的同时进行相应的操作
摘要： <template> <div class="choose-item"> <div v-for="(item,index) in data" :key="index"> <label> <span>{{item.name}}</span> <input type="radio" name="pay" 阅读全文
posted @ 2021-09-24 10:34 chicidol 阅读(471) 评论(0) 推荐(0)
vue点击查看大图，且可以左右滑动切换上下张
摘要： 安装：npm install vue-picture-preview-extend main.js中引入： import vuePicturePreview from 'vue-picture-preview-extend' Vue.use(vuePicturePreview) 在根组件App.vu 阅读全文
posted @ 2021-09-24 10:26 chicidol 阅读(1226) 评论(0) 推荐(0)
解决页面刷新获取不到vuex的数据
摘要： 解决方案：使用sessionStorage 存数组：sessionStorage.setItem("array", JSON.stringify(this.arr)) 取数组：JSON.parse(sessionStorage.getItem("array")) 阅读全文
posted @ 2021-09-10 14:11 chicidol 阅读(380) 评论(0) 推荐(0)
引入外部字体
摘要： //assets->font->myFont.css @font-face { font-family: 'oppoSansRe'; src: url('./SysSans-En-Regular.otf'); } 在assets下的font文件夹里放入SysSans-En-Regular.otf字体 阅读全文
posted @ 2021-09-08 18:17 chicidol 阅读(78) 评论(0) 推荐(0)
按需引入mint-ui
摘要： npm install mint-ui npm install babel-plugin-component //babel.config.js module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], "plugins": [[ 阅读全文
posted @ 2021-09-08 18:10 chicidol 阅读(94) 评论(0) 推荐(0)