logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

v-model 实现原理, 自定义v-model 以及应用 对可编辑div实现双向数据绑定,解决光标在前和不能输入中文的问题

对于表单大家都很熟悉,v-model 大家也很喜欢,他确实很方便。那么他是怎么实现的呢, 其实他是一个语法糖, v-model 干了 两件事 下面以 input 为例<input type="text" v-bind:value='message' @input='message = $event.target.value'>等价于<input type="text" v...

自定义 el-timeline 节点样式

<div class="left-lineBox"><el-timeline><el-timeline-itemv-for="(activity, index) in activities":key="index"...

svg 之 clip-path 实现图片裁剪

实现svg clip-path 图片裁剪的html 结构,其中clip-path是裁剪的路径, image是要裁剪的图片,preserveAspectRatio为none 表示自动充满容器。效果图:至于裁剪成什么形状是根据你的clip-path 绘制的路径有关css3中也新增了clip-path 属性,可以实现简单裁剪.clip-path {transition: 0.4s cu...

前端开发App的几种开发方式

今天来探讨下开发手机APP都有那些技术手段大致分为三种开发模式:原生、混合开发、跨平台开发原生方式:原生技术栈指的是,只能用于特定手机平台的开发技术。比如,安卓平台的 Java 技术栈,iOS 平台的 Object-C 技术栈或 Swift 技术栈。混合开发:混合开发,也就是把 Web 网页放到特定的容器中,然后再打包成各个平台的原生 App。所以,混合技术栈其实是 Web 技术栈 + 容器技术栈

element el-input 只能输入正整数完美解决不闪动

完美解决需要将v-model 拆开成 :value 和@input<el-input:value="text"@input="e => (text = isnumber(e))"style="width: 66px":disabled="isEdit"...

动态引入 某文件夹下所有vue组件的方法

引入vueconst context = require.context('./', true, /\.vue$/);const install = (Vue) => {context.keys().forEach((key) => {const component = context(key).default;Vue.component(component.name, compone

解决vue和el-dialog的遮罩层消失

解决vue和element UI中对话框的遮罩层消失,在el-dialog标签里添加 :modal-append-to-body=‘false’错误分析1)若el-dialog弹出框设置了modal-append-to-body=‘true’(默认)属性,它的遮罩层就会被插入到body标签下(即与组件所在的最外层div同一层级)2)el-dialog的显示层和遮罩层都设置了position:...

antdesign vue组件问题(一)select下拉列表跟随滚动条滚动

本文为二次封装ant组件库中遇到问题的记录:对于select的问题::getPopupContainer="triggerNode => {return triggerNode.parentNode || document.body;}"...

#vue.js#html5#javascript +1
(vue)input 设置focus失败的解决办法

setTimeout(function(){$("#input_idname").focus();},500)

    共 11 条
  • 1
  • 2
  • 请选择