vue属性
关注
分享
扫一扫
H_c_l
这个作者很懒，什么都没留下…
展开
-
【Vue】24.遮罩层阻止默认滚动事件
在写移动端页面的时候，弹出遮罩层后，我们仍然可以滚动页面。vue中提供@touchmove.prevent.stop，@mousewheel.prevent方法可以完美解决这个问题。 <div class="dialog" @touchmove.prevent.stop @mousewheel.prevent></div> 如果不使用vue的话，可以给body添加over...原创 2019-12-27 16:14:10 · 204 阅读 · 0 评论 -
v-if和v-show的异同
v-if：能够直接销毁和重建dom达到元素显示和隐藏的效果 v-show：修改元素的displaycss数据让其显示或隐藏 <!DOCTYPE html> <html lang="en"> <head> <title>v-show指令</title> <meta charset="utf-8" /> ...原创 2019-04-27 11:42:21 · 168 阅读 · 0 评论 -
vue中引入jquery
1、在项目中安装jquery。 npm install jquery --save-dev 2、在项目根目录下的build/webpack.base.conf.js文件中： ① 先写以下代码 var webpack = require(“webpack”) ②在module.exports的最后写 plugins: [ new webpack.optimize.CommonsChunkPlug...原创 2019-06-01 14:21:05 · 215 阅读 · 0 评论 -
vue动态绑定class,tab切换非常好用
<div @click="tab('left')" v-bind:class="{'decoration-line':showLeft}" class="col-xs-6 col-md-6 text-center theme-color item" > 排班信息 </div> <div @click="tab('right')" v...原创 2019-06-14 10:50:06 · 957 阅读 · 0 评论 -
Vue.js实现tab切换效果
利用Vue实现简易tab切换效果 1.1 在我们平时浏览网站的时候，经常看到的特效有图片轮播、导航子菜单的隐藏、tab标签的切换等等。这段时间学习了vue后，开始要写出一些简单的特效。 1.2 实现思路是点击上方的标题，下方的内容随之发生改变，上方和下方用的是两个块，是兄弟节点，所以需要点击tab标题和下方内容一一对应，基予两个模块若下标相同是一个内容实现的。 1.3 tab切换第一步先要把HTM...原创 2019-06-18 11:38:43 · 786 阅读 · 0 评论 -
uni-app 修改富文本信息中的图片样式
获取到富文本信息： 用正则表达式定位要修改的部分，替换要修改成的文本内容。 var richtext= res.data.data.richtext; const regex = new RegExp('<img', 'gi'); richtext= richtext.replace(regex, `<img style="max-width: 100%;"`);\ ...原创 2019-07-23 09:11:27 · 3051 阅读 · 0 评论