Vue
bzcoder
这个作者很懒,什么都没留下…
展开
-
Vue计算属性传参
项目中的表格的某一项数据,正常应该是中文显示,由于后端传来的数据是英文,因此需要转化一下,这时考虑使用计算属性配合antd vue表格组件的插槽来实现这个需求计算属性中的写法此时计算属性需要返回一个方法,在方法中再返回数据...原创 2021-10-28 11:01:54 · 427 阅读 · 1 评论 -
js获取准确的高度值
例如在vue中获取高度:window.getComputedStyle(this.$refs.item[i], null).height,得出40.8px,null必需如果使用offsetHeight得出41,不准确原创 2021-09-18 17:56:15 · 301 阅读 · 0 评论 -
vue中文本超出省略号
display: -webkit-box;/*作为弹性伸缩盒子模型显示*/ -webkit-line-clamp: 1; /*显示的行数;如果要设置2行加...则设置为2*/ overflow: hidden; /*超出的文本隐藏*/ text-overflow: ellipsis; /* 溢出用省略号*/ -webkit-box-orient: vertical;/*伸缩盒子的子元素排列:从上到下*/...原创 2021-09-18 16:46:49 · 1128 阅读 · 0 评论 -
vue开发规范
组件名为多个单词组件名应该始终为多个单词,防止与现有或未来新的html标签重名冲突组件的data必须是一个函数以函数的方式存储数据,每一个函数都是一个独立的内存空间,这样就不会与其他组件的相同名称冲突Prop 定义应该尽量详细prop的定义不应该直接写个变量名完事,我们最好以对象的形式给它添加描述props: { status: { type: String, required: true, validator: function (value) { re原创 2021-08-05 14:53:13 · 207 阅读 · 0 评论 -
vue axios 请求本地json
vuecli3构建出来的文件没有static,这时的json文件要放到public文件夹中并且请求路径要直接跳过public,如下直接在public中添加一个json:export function getHomeBlogs(){ return request ({ url:'blogs.json' })}...原创 2021-03-09 16:14:57 · 149 阅读 · 0 评论 -
vue选中切换样式
<div class="function"> <span :class="{currentPage:currentTag==0}" class="zhuye" @click="homeClick" >主页</span>| <span :class="{currentPage:currentTag==1}" class="fabiao" @click="blogPublish">发表文章</span>|原创 2021-03-09 16:04:50 · 309 阅读 · 0 评论 -
vue导航守卫
假设有这样一个需求,我们需要在页面跳转之后,页面标题也能跟着变化这时你可能会想,直接通过生命周期钩子函数created,设置title属性不就行了很明显,当页面很多时这样会比较繁琐,这里可以用到导航守卫的知识首先设置一个对象此函数可以理解为node的中间件,没有next不会执行如果是嵌套路由的话需要这样写:...原创 2020-12-02 20:55:47 · 86 阅读 · 0 评论 -
vue嵌套路由
一个大的路由后面往往会跟一个嵌套的子路由例如在HOME中嵌套子路由:原创 2020-12-02 15:14:32 · 68 阅读 · 0 评论 -
vue路由懒加载
当一个应用打包之后过于庞大,如果首页加载时间过长,出现空白页面必然会让用户体验不太好,因此需要懒加载,需要哪个加载哪个,而不是一次性将所有组件请求下来。原创 2020-12-02 15:02:52 · 61 阅读 · 0 评论 -
vue路由具体实现
在配置好vue-router之后,我们有多种方式来实现路由跳转1.通过router-link 以及router-view标签2.通过点击事件触发跳转页面的跳转无非就是hash方式(由于有#,一般不采用),HTML5 history对象的replace的替换方式 pushState的入栈方式,顾名思义,后者才有前进后退选项...原创 2020-12-02 13:49:01 · 78 阅读 · 0 评论 -
vue子组件传值给父组件插槽,作用域插槽的使用
原创 2020-11-29 16:36:29 · 770 阅读 · 0 评论