logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element-ui中el-select组件v-model绑定值为对象时的处理

编辑修改时,遇到数据回显的问题:显示文本,传参id。而v-model只有一个绑定变量。so…value-keyvalue-key用于显示文本传参

vue项目的——TextScroll -- 文字滚动

效果展示:1:利用vue的列表过渡transition-group来进行动画渲染。滚动元素都是相对于滚动视口绝对定位,利用定时器循环更改当前显示索引,配合Vue的过渡属性,达到这种滚动效果。2:结构<div class="TextScroll"><transition-group tag="ul" :name="scrollType">&lt...

vue项目引入vant组件报错‘未注册’

报错:export ‘ActionSheet’ was not found in ‘vant’在vue项目中引入的vant组件,看了官方文档,版本已经更新到2.几了,但是我本地只有1.6几。在项目进行过程中很多组件都报错类似:"export ‘ActionSheet’ was not found in ‘vant’;查询到解决方式升级本地版本,升级命令:npm install vant@2...

vue项目请求‘第三方’接口

需求:请求后台接口,将返回数据丢到form表单,提交至第三方接口,即会跳转至支付页面首先请求后台接口:**.submint()**将form表单自动提交。(千万不)而不是另外写方法调用,这样不会跳转页面,返回数据是整个html页面。form表单...

vue的数据是v-for循环出来的,如何点击当前,给到变色效果(动态绑定CSS样式)

小demo,仅作记忆使用。emm…结构问题,有点吃藕’template:<div class="con"><ul class="con-list"><li class="con-item" v-for="(item,index) in list" :key="index" @click="son(item,index)" :class='index=...

vue中用iframe嵌套页面(跳转第三方),点击返回实现真正的退回上一步功能

<iframe :src="`http:*****`" frameborder="0" scrolling="auto" width="100%" height="100%" style="overflow-y:scroll;"></iframe>

vue防重复点击(指令实现)

https://www.cnblogs.com/adbg/p/11271237.html快速点击按钮会重复多次调用接口,防止出现这样的情况全局定义,方便调用新建plugins.jsexport default {install (Vue) {// 防重复点击(指令实现)Vue.directive('preventReClick', {insert...

vue监听手指滑动vue-touch的使用

超级无敌好用!!!!!原地址:https://segmentfault.com/a/1190000019838103?utm_source=tag-newest由于需要监听手指的左右滑动事件,所以用到了v-touch这个插件。1:npm安装npm install vue-touch@next --save//main.js中引入:import VueTouch from ‘vue-t...

vue的长按事件

touch事件touchstart 在屏幕上时触发touchend 离开屏幕时触发template:<div @touchstart="getTouchStart" @touchend="getTouchEnd">methodsmethods:{getTouchStart(){clearTimeout(sufu);sufu=setTimeout(fun...

vue项目实现点击图片放大预览

vue-photo-preview插件1、运行npm install vue-photo-preview --save2、main.js引用import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'Vue.use(preview)3、在html中使用// 直接设置preview ...

    共 27 条
  • 1
  • 2
  • 3
  • 请选择