logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element input自定义正则验证

constcheckDeptTel=(rule,value,callback)=>{constpattern=/^((0\d{2,3}-\d{7,8})|(1[3576849]\d{9}))$/if(value!==''){if(!pattern.test(value)){cal...

vue 实现页面内容禁止选中功能

css实现方式:*{-webkit-touch-callout:none; /*系统默认菜单被禁用*/-webkit-user-select:none; /*webkit浏览器*/-khtml-user-select:none; /*早期浏览器*/-moz-user-select:none;/*火狐*/-ms-user-select:none; /*IE10*/user-select:none;}

#css#html
 vue中实现点击当前元素之外的元素之执行此方法(clickoutside)

引入:importClickoutsidefrom"element-ui/src/utils/clickoutside";声明指令:export default {directives: { Clickoutside },data() {}}使用:<divv-clickoutside="handleClose"></div>methods: {handleClose() {

vue el-tree @node-click 传自定义参数

<el-tree node-click="(data, node, item) => nodeClick(data, node, item, param)"></el-tree>nodeClick(data, node, item, param) {console.log(data)// data,node,item为默认参数console.log(node)cons

vue mixins使用总结

基础:一、局部混入:1)、混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。2)、选项合并当组件和混入对象含有同名选项时,这些选项将以恰当的方式进行“合并”。比如,数据对象在内部会进行递归合并,并在发生冲突时以组件数据优先。①:新建minxins.js文件/

#小程序#git#微信 +2
vscode使用Ctrl+s保存代码自动格式化html/css/js

1、使用时首先安装一下插件:1、ESlint //代码分格检查,2、vetur // 语法高亮,Vetur支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件3、Prettier - Code formatter4、Manta's Stylus Supremacy // 格式化 css2、修改配置:3、设置配置内容:{...

#vscode
vue中如何动态设置元素的高度

1. 添加样式绑定<div class="container" :style="{height: scrollerHeight}"></div>2. 添加属性计算computed: {// 滚动区高度scrollerHeight: function() {return (window.innerHeight - 50) + 'px'; //自定义高度需求}}...

uniapp 中如何动态获取元素高度及动态设置

一、获取:getDomConfig() {let that = thislet info = uni.createSelectorQuery().select(".test_box");info.boundingClientRect(function(data) { //data - 各种参数console.log(data) // 获取元素的相关信息if (data.height > 21

#小程序#css
uniapp、vue中动态添加绑定style、class

uniapp、vue中动态添加绑定style、class

#vue.js#前端
到底了