logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue&element-ui搭配使用rules表单校验规则

 验证手机号&邮箱的写法data() {var checkPhone = (rule, value, callback) => {const phoneReg = /^1[3|4|5|7|8][0-9]{9}$/if (!value) {return callback(new Error('手机号不...

vue 在使用element-ui时import 'element-ui/lib/theme-chalk/index.css‘时一直报错

1.在package.json中确认style-loader是否下载,如果下载,是否在config文件中进行配置配置文件如下:     {        test: /\.css$/,        loader: 'style-loader!css-loader',        exclude: /node_modules/}如果仍然无法正常运行,则是因为在elmen...

地图选点功能

在详设阶段,需要实现地图选点,这个自己之前从来没有实现过,现在来实现一下,这个过程中参考了高德地图的官方开发文档和vue-amap文档,地址链接分别如下:高德地图官方文档:https://lbs.amap.com/api/javascript-api/example/map-lifecycle/map-showvue-amap文档:https://elemefe.github.io...

vue 列表实现选中,全选功能

话不多说,直接上代码,挺简单的,但是还是记录下来吧<template><div class="container"><div class="cartList"><div class="cartItem" v-for="item in list"><div class="selctBtn" ...

antdv中Table组件点击当前行的任意位置选中

使用antdv的带有复选框或者单选框的table组件,只有在点击复选框或者单选框时才能选中当前行,不太方便操作,现在需要在点击当前行的任意位置就能选中当前行:官网文档vue代码<a-table:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"rowKey="id"size="small"

ant design vue modal实现拖拽

直接上代码:文件目录:1、globalModal.vue<template><a-modalv-if="footer":class="[modalClass, simpleClass]":visible="showModal":title="title"@ok="handleOk"@cancel="handleCancel":width="width == '100%' ? '7

#vue.js
vue&element-ui搭配使用rules表单校验规则

 验证手机号&邮箱的写法data() {var checkPhone = (rule, value, callback) => {const phoneReg = /^1[3|4|5|7|8][0-9]{9}$/if (!value) {return callback(new Error('手机号不...

vue Treeselect 下拉树选择框出现unknown问题

如何安装自行百度引用 之前遇到的情况是一直显示unknown,查阅资料之后,才知道,当下拉树是单选的时候,绑定的值设为null,必须是null,不能是‘null’,初始化的时候才不会出现unknown还有就是在normalizer中要处理下空节点 options的值是个树形结构的数组,normalizer属性,是用于转换options的值的,把options的值...

vue如何判断v-if中的DOM元素渲染完毕?

vue如何监听符合v-if条件的dom元素渲染完毕,然后才能进行后续的操作,但是如何才能知道当前DOM元素已经渲染完毕了呢?今天在开发一个评论列表的时候一直有这个问题,使用了各种监听,还是不行,最后使用了$nextTick的回调,才解决了问题。需求如下:以上评论列表中,点击一条评论内容弹出评论框进行评论,需要使得输入框自动聚焦并且在手机浏览器中弹出键盘, 实现代码如下:...

#vue.js
vue Treeselect 下拉树 只能选择第N级元素

今天在项目中遇到一个需求,就是vue下拉树只能选择第三级选项,为了解决这个问题,查阅了官方文档https://vue-treeselect.js.org/#disable-item-selection然后看到isDisabled属性可以禁止选择,具体实现代码如下:<treeselect:disable-branch-nodes="true":norm...

    共 12 条
  • 1
  • 2
  • 请选择