vue
现在几点,开心一点
现在几点,开心一点!
展开
-
控制输入框只能输入数字,并在提交时转为int类型
控制input输入框输入数字及小数点。原创 2022-11-15 14:20:24 · 558 阅读 · 0 评论 -
过滤器filter的使用
① 新建filter.js文件‘;② 在main.js文件里引入;③ 在vue文件的html部分,可直接使用。局部过滤就是在某个文件里进行定义后无需引入便可直接使用。定义的方法跟上面全局过滤时的filter.js里定义方法一样,使用也是一样的方法,只不过是把这些都放在了同一个vue文件里。原创 2022-11-08 15:47:20 · 925 阅读 · 0 评论 -
Vue 中 wangEditor 富文本编辑框的使用
Vue 中 wangEditor 富文本编辑框的使用原创 2022-08-15 10:18:33 · 1082 阅读 · 0 评论 -
el-select 结合el-tree树形结构下拉框的封装使用
el-select 结合el-tree树形结构下拉框的封装使用原创 2022-08-12 15:00:15 · 951 阅读 · 0 评论 -
vue写移动端适配rem
vue写移动端适配rem转载 2022-06-29 17:06:53 · 288 阅读 · 0 评论 -
安卓APK原生云打包操作过程
参考网址????用HBuilderX 打包 vue 项目 为 App 的步骤 - 暗恋桃埖源 - 博客园转载 2022-01-20 15:46:34 · 191 阅读 · 0 评论 -
关于移动端APP 键盘弹出来后,背景图片少一截的问题解决
关于移动端APP 键盘弹出来后,背景图片少一截的解决方法:<template> <div id="app" :style="{ height: bodyHeight + 'px' }"> <router-view :key="index" /> </div></template><script>export default { name: 'App', data () { retur转载 2022-01-19 13:21:29 · 124 阅读 · 0 评论 -
Easyplayer关于部署到服务器上之后H265视频播放不了
Easyplayer关于部署到服务器上之后H265视频播放不了分析:.wasm文件需要放在项目根目录下,不仅放在前端项目代码的根目录下,在打包之后也是要将.wasm文件放到根目录下解决:将.wasm文件放到dist文件夹的根目录下发给后端部署得以解决...原创 2021-11-29 16:45:32 · 1011 阅读 · 0 评论 -
小程序自定义tabbar
要从根据登录的角色实现左图到右图的动态底部导航栏先讲一下常规操作在app.json里添加,这是固定的tabbar "tabBar": { "color": "#999", "backgroundColor": "#fafafa", "selectedColor": "#333", "borderStyle": "white", "list": [{ "text": "首页", "pagePath": "pages/home/ma转载 2021-11-22 09:34:48 · 162 阅读 · 0 评论 -
切换van-tab选项卡里echarts显示不正常问题
第一个echarts可以正常显示,切换完tab之后,第二个tab里的echarts就无法正常显示了,查了资料得到了两种解决方案第一个简单的方法就是:使用v-if在点击第二个选项卡的时候将其echarts显示<van-tabs class='tabs' v-model="activeName" nav-class="tab_class" color='#2F80F6' title-active-color="#2F80F6" title-inactive-color="#333333...原创 2021-10-27 14:48:27 · 1327 阅读 · 1 评论 -
vue安装vue-awesome-swiper@3实现图片列表缩略图双向控制效果
npm install vue-awesome-swiper@3 --save-dev安装时一定要有版本,否则安装完成后极大可能会报错main.js文件全局引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/dist/css/swiper.css'Vue.use(VueAwesomeSwiper/*{defaultoptionswithglobalcomponent}*/)页面就可以...原创 2021-10-24 12:03:23 · 1147 阅读 · 3 评论 -
用vantweapp组件库写带显示隐藏功能的密码输入框出现的bug
mpvue写小程序时,用vantweapp组件库写带显示隐藏功能的密码输入框。使用van-field的type属性时,会出现在失焦情况下显示隐藏失效问题。解决:修改为password属性控制显示隐藏的方法转载 2021-10-14 09:42:37 · 924 阅读 · 0 评论 -
设置数字串动态滚动效果
HTML代码段 <div class="data"> <span>今日入区车辆</span> <div class="box-item"> <li v-for="(item, index) in orderCarsNum" :key="index" :class="{ 'number-item': !isNaN(item), 'mark-item': isNaN(ite原创 2021-07-08 11:23:10 · 157 阅读 · 0 评论 -
svgIcon封装
main.js文件引入import '@/icons' // api: http://www.iconfont.cn/public文件夹下 index.html <link rel="icon" href="<%= BASE_URL %>favicon.ico">components文件夹 --> 新建SvgIcon文件夹 --> index.vue文件<template> <div v-if="isExternal原创 2021-07-08 10:26:19 · 230 阅读 · 0 评论 -
el-import 上传.xls或.xlsx文件
<template> <el-upload ref="upload" class="upload" :headers="{ token: token }" :action="upLoadUrl" :before-upload="beforeUploadFile" :on-change="fileChange" :on-remove="handleRemove" :on-success="imgSuccess" :f原创 2021-07-08 09:52:08 · 347 阅读 · 0 评论 -
浏览器返回上一页页面出现异常,导航栏没有同步返回的情况
浏览器返回上一页页面出现异常,导航栏没有同步返回的情况<!-- <div class="home-icon" @click="category = !category"> --> <div v-if="isShow" class="home-icon"> <router-link to="/opex-device-info"> <svg-icon icon-class="opex" /&原创 2021-03-30 12:06:03 · 241 阅读 · 0 评论