Vue
肖雅峰
这个作者很懒,什么都没留下…
展开
-
vue解决两个字和三个字对齐问题
在接收数据的时候经常会出现两个字的名字的名字和三个字的名字,如果不对齐会显得非常难看所以这个时候就需要格式一下我们的数据,在两个字中间加入一个空格,可以使用过滤器的方法将所有两个字的名字中间加入一个空格。过滤器<script>filters: { nameFormat (value) { if (value.length < 3) { //如果是两个汉字 value = value.slice(0, 1) + ' ' + value.原创 2020-06-21 19:44:33 · 3112 阅读 · 0 评论 -
vue中v-bind使用三目运算符绑定class
<template> <div> <!-- 外边框的样式 --> <div :class="projectStatus === 2?outlineDelay:outline" @click="clickProject(userProjectId)"> <!-- 延期 --> <div...原创 2020-01-19 21:33:09 · 1453 阅读 · 0 评论 -
Vue注册全局组件
第一步:建立好想要使用的组件negotiateDetail.vue<template> <van-cell class="custom-title" value-class="custom-value" label-class="custom-label" :title="title" :value="content" :label="l...原创 2019-12-22 21:19:38 · 143 阅读 · 2 评论 -
Vue退出登录时清空缓存
<template> <div id="main" class="app-main"> <router-view></router-view> </div></template> <script> export default { data () {...原创 2019-06-16 18:49:37 · 7036 阅读 · 15 评论 -
Vue中this的指向问题
在Vue中通常会用this去调用在Vue原型上的方法。handleSubmit2(ev) { var _this = this; this.$refs.ruleForm2.validate((valid) => { if (valid) { //_this.$router.replace('/table');...原创 2019-07-07 21:21:10 · 1933 阅读 · 1 评论 -
Vue前置守卫
router.beforeEach注册了一个全局前置守卫,每当通过vue-router跳转都会先执行这里,相当于过滤器.beforeEach接收3个参数to 表示即将要进入的目标路由对象,from 表示当前导航正要离开的路由,next() 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。next(): 进行管道中的下一个钩子。如果全部钩子执行完...原创 2019-06-30 17:33:01 · 1320 阅读 · 4 评论