vue
哼哼可帅
这个作者很懒,什么都没留下…
展开
-
2021-07-19
uView ,element-ui等清除指定字段的校验uView ,element-ui等清除指定字段的校验 this.$refs["uForm"].fields[4].validateMessage = ''; this.$refs["uForm"].fields[4].validateState = '';原创 2021-07-19 11:24:22 · 160 阅读 · 0 评论 -
h5微信公众号调起微信内置地图
新建wxUtils.js文件import wx from "weixin-js-sdk";import { getJsapiSignature } from "@/api/weixin.js";export default { // 初始化SDK init(apiListParam, readyFunc) { let defaultApiList = ["hideOptionMenu", "showOptionMenu", "hideMenuItems", "show原创 2021-04-26 10:46:03 · 1633 阅读 · 0 评论 -
vue现实富文本内容太长显示省略号...,点击更多展示全部,伪类元素添加点击事件,伪元素设置宽高
更多按钮是通过伪元素追加到简介后面,并给他添加点击事件(父元素设置pointer-events:none;伪元素设置pointer-events:auto;)效果图html<div class="school_detail"> <p class="title">学校简介</p> <div> <div :class="isLength?'more_text':''" v-html="is原创 2021-04-26 10:13:34 · 1344 阅读 · 0 评论 -
vue全局注册指令 ----限制输入框只能输入正整数
新建directive.jsimport Vue from 'vue'export default () => { Vue.directive('Int', { inserted: function (el) { el.addEventListener("keypress",function(e){ e = e || window.event; let charcode = typeof e.charCode == 'number' ? e.原创 2021-04-23 18:43:26 · 326 阅读 · 0 评论 -
vue 搜索列表,搜索结果高亮,且页面滚动到指定位置
效果图如下:template部分代码://搜索框<el-input placeholder="请输入单位名称" prefix-icon="el-icon-search" @keyup.enter.native="searchCompany" v-model="search_key"></el-input>//列表 <div class="all_company" id="all_company" ref="all_company">原创 2021-04-05 17:07:12 · 422 阅读 · 0 评论 -
el-form嵌套多重循环的表单验证
<el-form :model="saveParams" :rules="rules" ref="ruleFormRef"> <el-form-item label="任务时间" label-width="100px" prop="endTime"> <el-date-picker :disabled="isDisabled" :picker-options="taskS.原创 2020-11-25 10:03:17 · 810 阅读 · 0 评论 -
el-tree控件的使用,提交与回显,解决半选中状态
<el-tree :data="menus" show-checkbox default-expand-all node-key="id" :default-checked-keys="menuIds" //选中项id组成的数组,如[1,2,3,4,5] ref="rootTree" :expand-on-click-node="false" :props="defaultProps"> </el-tree>export d.原创 2020-11-25 09:32:28 · 1242 阅读 · 0 评论 -
vue 图片上传并压缩
<template> <div id="vue-img-uploader"> <input type="file" accept="image/*" :id="componentId" @change="getFile"> <template v-if="files.length>0"> <div class="vue..原创 2020-08-24 11:32:54 · 1137 阅读 · 0 评论 -
vue项目实现从商品列表页跳转详情页后,返回列表页保持页面在原位置,且列表页刷新的方法
vue项目实现从商品列表页跳转详情页后,返回列表页保持页面在原位置,且列表页刷新的方法页面跳转后回退保持原位置App.vue页面中使用keep-alive缓存组件<template> <div id="app"> <keep-alive > <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <原创 2020-08-22 10:51:00 · 4119 阅读 · 1 评论 -
微信小程序转盘抽奖
<template> <div class="lottery"> <div class="lottery_background"> <div class="lottery_num"> <img src="/static/image/number_icon.png"...原创 2019-12-05 11:00:28 · 431 阅读 · 0 评论 -
mpvue循环列表给每项加定时器
mpvue循环列表给每项加定时器项目需求:给所有订单设置退款倒计时限制实现:html结构 <div v-for="(link,key) in orderList" :key="key"> <div> <p style="color: #C8000A">退款倒计时: <span id="co...原创 2019-12-05 10:53:55 · 418 阅读 · 0 评论 -
vue+webpack
1.npm init2.npm install webpack --save-dev //本地安装webpack3.webpack -v //查看webpack版本,看是否安装成功4.npm install -g vue-cli //安装vue-cli脚手构建工具通过以上步骤,我们需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目5.使用命...原创 2019-04-16 09:37:01 · 816 阅读 · 0 评论 -
axios传参包含数组如何解决
this.axios.post('/api',Qs.stringify(data,{arrayFormat: 'repeat'})).then(res=>{ console.log(res.data) })原创 2019-04-12 18:11:20 · 1616 阅读 · 0 评论 -
iview的table渲染及js修改伪元素的值
此处用的是iview的table组件,项目中要根据后端传过来的颜色值改变表格中小雨滴的颜色 { title: '颜色', key: 'nameColor', render: (h, params) => { this.oil_color=params.row.nameColor ...原创 2019-04-12 18:06:15 · 343 阅读 · 0 评论