qq_39167934的博客

vux在安卓是完全没有问题的，但是在ios不兼容，蒙版会遮住主题内容，导致无法对内容进行操作。解决如下：1.引入vux封装好的自定义指令 tansferDom2.使用自定义指令（如果不了解vue的自定义指令，可以参考https://cn.vuejs.org/v2/guide/custom-directive.html）3.注意：如果包裹了一层div，可能出现里面的样式失效，可以把样式提取到最外层即可，如下：...

vue h5转换uni-app指南（vue转uni、h5转uni）分类：uni-app转换vue转h5转如果你已经有了一个基于vue开发的H5站点，想转换为uni-app。首先注意2个前提：1、你的web站是适合手机屏幕的；2、你的H5代码是全后端分离的，uni-app只处理前端代码。一切从新建一个uni-app项目开始。然后依次进行文件处理把之前的vue web项目的前端代码copy到新项目下 如果之前的文件后缀名是.html，需要改为.vue，并注意遵循vue单文件组件..

1.介绍个好用的工具，那便是miniprogram-to-uniapp自动转换工具。2.全局安装此工具，命令行如下npm install miniprogram-to-uniapp -g3.查看工具版本号，命令行如下wtu -V回车若显示该工具版本号，则证明安装成功4.开始进行转换，命令行如下//冒号里面是小程序的项目路径wtu -i "E:\其他\patient-wechat\miniprogram"回车后即可以在源项目同及目录得到一个后缀为_uni的目录，即

win下 vue-cli2 和 vue-cli3 并存，一起使用开局一张图，内容慢慢编文章目录win下 vue-cli2 和 vue-cli3 并存，一起使用安装vue-cli版本检验安装是否成功修改vue2和vue3的名称配置环境变量打开环境变量所在位置新建系统变量最后修改Path变量最后。重启电脑就行了写在最后vue2和vue3命令，分别代表了vue-cli2 和 vue-cli3的运行环境，是可以同时在一台电脑并存，使用，而且最重要的是，不用安装在C盘！如果你已经安装了

<scroller class="scroller" use-pullup :pullup-config="pullupDefaultConfig" @on-pullup-loading="loadMore" lock-x ref="scrollerBottom" height="-48" v-model="scroller...

<input type="text" placeholder="请输入联系电话" v-model="phone" oninput="value=value.replace(/[^\d]/g,'')" max...

<input type="text" placeholder="请输入" maxlength="7" v-model="weight" oninput="value=value.replace(/[^0-9...

<div class="main"> <ul class="message-list" id="scrolldIV"> <li v-for="i in 100" :key=i>{{i}}</li> </ul> </div>//页面挂载的时候执行 mounted() ...

1.element-ui 日期选择器限制限制范围（未来一个月（包括今天）） <div> <el-date-picker v-model="timeArr" type="daterange" :clearable="false" range-separator="至" ...

1.获取本地时间并格式化日期//获取本地时间并格式化日期 convertToDate() { var date = new Date(); var y = date.getFullYear(); var m = date.getMonth() + 1; var d = date.getDate(); var h = dat...

首先，去掉style的scoped用最外层的class名称包裹 需要修改的elemen ui 组件的class 名称例如

方法1：::-webkit-scrollbarCSS伪类选择器影响了一个元素的滚动条的样式::-webkit-scrollbar仅仅在支持WebKit的浏览器(例如, 谷歌Chrome, 苹果Safari)可以使用.CSS滚动条选择器你可以使用以下伪元素选择器去修改各式webkit浏览器的滚动条样式:::-webkit-scrollbar— 整个滚动条...

res.data.contents = res.data.contents.replace('< img ', '< img style="max-width:100%;height:auto"')

开整安装依赖npm install vue-video-player --save1引入样式// 第一个是videoJs的样式，后一个是vue-video-player的样式，因为考虑到我其他业务组件可能也会用到视频播放，所以就放在了main.js内require('video.js/dist/video-js.css')require('vue-video-player/src/c...

解决办法，刷新组件，通过v-if来创建新的组件<template> <div> <group> <datetime v-model="val" v-if="hackReset"></datetime> </group> </div></template&...

一,前言最近在用Vue，然后上传文件时需要显示进度，于是网上搜了一下，经过自己实测终于也弄明白了二，效果三，代码HTML代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <div...

首先需要安装依赖：npm install sortablejs --save-dev其次导入

进度条样式.box{width:100%;height:100%;position:fixed;z-index:1000;top:0;left:0;background:rgba(0,0,0,0.3...

// 筛选变色brightenKeyword(val, keyword) {val = val + '';if (val.indexOf(keyword) !== -1 && keyword !== '') {return val.replace(keyword, '<font color="#409EFF">' + keywo...

只写show-overflow-tooltip是无效的，要添加<template slot-scope="scope"> <span>{{ scope.row.数据名称 }}</span> </template>具体例子如下：如果内容太多只显示一行阅读性太差可以增加如下样式效果如下：提供了两...

特别注意一下问题：首先，因为element-ui的属性是全局的，style不能设置scoped，否则不起作用其次，因为element-ui的属性是全局的，所以如果改变当前页面为了不影响其他页面，必须给当前页面一个id，再设置他的style问题1：如何改变table 的行元素的hover背景色？方案：在style里面添加一下样式。#id 为当前页面最外层的id名字/* 用来设置当...

拦截分为两种：1.请求拦截器 2.响应请求拦截器1.请求拦截器：2.响应拦截器路由拦截器：路由拦截器需要在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由，否则就进入登录页面。接着在main.js里面通过beforeEach()进行判断，其中to.meta是我们上面自定义内容...

官方推荐使用一种update:my-prop-name 的模式来替代事件触发，目的是为了优雅而不粗鲁的实现父子组件间的双向绑定做项目时，我们经常会用到 prop（父子组件传递数据的属性） 进行“双向绑定”在vue 1.x中的.sync修饰符所提供的功能为 【当一个子组件改变了一个带.sync的prop的值时，这个变化也会同步到父组件中所绑定的值】这会导致的问题是它破坏...