VUE - 随笔分类 - 额爷

摘要：我要做的一个功能，点击选中一个配料，然后可以加减配料单数量，如图为了避免点击加减的时候取消选中，给子级的点击事件这样写 @click.native.stop=""，父级正常写就好然后就可以实现各不干扰的点击事件了阅读全文

posted @ 2023-04-07 18:23 额爷阅读(134) 评论(0) 推荐(0)

摘要：table数据多的时候打开页面会加载一会才显示数据，这样体验不好，所以要做滚动加载数据下面是js部分在这里我要说明一下监听的dom对象是哪一个我还要解释下scrollHeight、scrollTop、clientHeight这三个属性这是我截的别人的图加了几笔 scrollHeight：网页阅读全文

posted @ 2019-05-17 17:14 额爷阅读(10215) 评论(0) 推荐(0)

props 父组件给子组件传递参数

摘要：话不多说，直接上代码父组件：在子组件HumidityComponent.vue中：然后调用的时候直接this.title就可以了，在页面上就会显示“土壤湿度”这个title了如图：阅读全文

posted @ 2019-04-09 16:36 额爷阅读(2622) 评论(0) 推荐(0)

在vue项目中添加一个html页面，开启本地服务器

摘要：在vue项目里新增一个不需要登录的页面，那么我只能新增一个html页面了，不经过路由，直接在浏览器输入路径打开，那么就需要用到本地服务器， 1、vue里面的html页面最好放过在public文件夹里面，但是我的vue项目没有public，就只好放在static里面了，这样可以不经过vue的路由 2、阅读全文

posted @ 2019-03-29 10:09 额爷阅读(32426) 评论(3) 推荐(0)

VUE里面的$(this)

摘要：我们很多时候需要用到列表点击其中的某个有相对的事件发生，那就拿用到$(this)，但是在vue里面，直接写$(this)获取不到指定的元素，所以我就用的下面这种写法这里是鼠标移入某一行，这行显示删除按钮<i></i>鼠标移出，删除按钮隐藏这里我们通过$event来确定指定项，声明一个变量，这里的阅读全文

posted @ 2019-02-22 14:29 额爷阅读(7967) 评论(0) 推荐(0)

vue路由 routers的写法：require用与不用

摘要：vue路由的写法有很多种，这里我只说routers的写法，一种是compcomponent后面直接写路径，另一种是用require的方式，来看代码首先先说明一点，import引入时用到的“@”就相当于“..”；第二点，重点来了，我们看到index页面是用的require的方式写的路由，所以上面的阅读全文

posted @ 2018-09-07 17:48 额爷阅读(5941) 评论(0) 推荐(0)

vue使用过滤器 filters：{}

摘要：在项目开发过程中，经常会用到过滤器，下面就来说说我用的用法我从后台获取到一个时间字段，是2017-03-23的格式，但是我要的是年月日分开显示，那就要用到过滤器了在没有用过滤器的时候，是这样的：下面来写我们的过滤器 getData（）的参数val其实就是我们获取到的日期的字段item.Issu 阅读全文

posted @ 2017-12-11 14:47 额爷阅读(1855) 评论(0) 推荐(0)

vue.js条件渲染 v-if else-if v-for

摘要：v-if：在字符串模板中，如 Handlebars ，我们得像这样写一个条件块：在 Vue.js ，我们使用 v-if 指令实现同样的功能：因为 v-if 是一个指令，需要将它添加到一个元素上。但是如果我们想切换多个元素呢？此时我们可以把一个元素当做包装元素，并在上面使用 v-if。最终的渲阅读全文

posted @ 2017-11-21 17:56 额爷阅读(8200) 评论(0) 推荐(0)

对生命周期钩子函数的理解

摘要：对生命周期钩子函数的理解，其实这也是我看得别人的然后自己修改了一下，下面是我做的实验，看浏览器：页面是这样的： 1、先看控制台我们能发现挂载前el还是 {{message}}，这里就是应用的 Virtual DOM（虚拟Dom）技术，先把坑占住了。到后面mounted挂载的时候再把值渲染进去。阅读全文

posted @ 2017-11-20 17:31 额爷阅读(1006) 评论(0) 推荐(0)

encodeURIComponent()加密、decodeURIComponent()解码及v-html将字符串转换为html

摘要：1）新闻详情页后台给我的数据是加密之后的，我问了后台，是用encodeURIComponent()加密的，然后我就用对应的方法decodeURIComponent()解密： 2) 然后{{this.$store.state.news.main}}这样填数据，等我看页面的时候，页面上出现了一串字符串，阅读全文

posted @ 2017-11-20 16:58 额爷阅读(10981) 评论(2) 推荐(0)

VUE通过id从列表页跳转到相对的详情页

摘要：新闻列表页面：在这里我用a标签进行跳转，在vue里面可以这样写<router-link></router-link> 新闻详情页： 1）首先要获取id 2）拼接到url上面完整写法：这样就可以把id传过去啦阅读全文

posted @ 2017-11-20 16:32 额爷阅读(19631) 评论(0) 推荐(0)

VUE项目引入jquery

摘要：既然写项目，那么少不了用jq，那我们就引入进来吧 1、因为已经安装了vue脚手架，所以需要在webpack中全局引入jquery 打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改。 dependencies:{ "jquery":"^2.2.1" } 阅读全文

posted @ 2017-11-17 12:03 额爷阅读(58559) 评论(3) 推荐(3)

安装搭配VUE使用的UI框架ElementUI

摘要：可以搭配vue的UI框架有几个，我用的是element-ui，现在呢，我要在复习一遍 1、vue init webpack-simple element-ui 2、cd element-ui 3、npm install(如果报错就用cnpm) 4、cnpm install style-loader 阅读全文

posted @ 2017-11-17 11:49 额爷阅读(6877) 评论(0) 推荐(0)

VUE环境搭建，项目配置（Windows下）

摘要：公司想做官网，框架我自己定，然后就选了vue，那现在就来加深一遍vue的环境的搭建吧 1、安装node.js，这里就不再多说了，很简单，如果之前有安装就不用再安装了，可node -v查看node版本 2、基于node.js，利用淘宝npm镜像安装相关依赖，在cmd里直接输入： npm install 阅读全文

posted @ 2017-11-17 11:28 额爷阅读(920) 评论(0) 推荐(0)

额爷

随笔分类 - VUE

公告