qq_36972185的博客

:style="{'background-image': 'url(' + require(item.state== '1'?'@/assets/images/phone/free.png':'@/assets/images/phone/in_use.png') + ')','background-repeat':'no-repeat','background-position':'top right','background-size':'60px 60px'}"

工具类const storage = { set(key, value) { localStorage.setItem(key, value) }, get(key) { return localStorage.getItem(key) }, remove(key) { localStorage.removeItem(key) }}export default storage应用新增表单意外退出时，缓存表单数据 mounted () {

代码<div :style="{'height':height + 'px'}"> </div> mounted () { this.height = screen.height - 96 },96px是标题栏和底部tab的高度之和扩展Screen 是浏览器Browser的对象Screen 对象包含有关客户端显示屏幕的信息。Note注意： 没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象。参考Screen 对象...

此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的 "vue/max-attributes-per-line": ['error', { "singleline": 10, "multiline": { "max": 1, "allowFirstLine": false } }],解决方法：改为警告 "vue/max-attributes-per-l

CSS-/deep/ 修改vant-item的padding需求分析解决方法参考需求在使用vant-item组件时，需要缩短item间的内边距padding。分析我们通过检查，发现生成 HTML 的结构外层 div 的 class 是：van-grid-item。内层 div 的 class 是：van-grid-item__content。.van-grid-item__content { display: -webkit-box; display: -webkit-f

解决方法1：修改eslint配置文件忽略v-for与v-if 不能同时使用的规则.eslintrc.js rules中添加 "vue/no-use-v-if-with-v-for": ["error", { "allowUsingIterationVar": true }]解决方法2：增加template虚拟标签参考：v-for和v-if一起使用时的坑解决方法3：使用计算属性VUE中v-for和v-if不能同时使用的问题...

vue-AlloyFinger-手势缩放全文内容字体大小安装main.js使用方式参考安装yarn install alloyfingermain.jsimport AlloyFinger from 'alloyfinger'import AlloyFingerPlugin from 'alloyfinger/vue/alloy_finger_vue'Vue.use(AlloyFingerPlugin,{ AlloyFinger})使用方式 <!-- 文章信息 -->