Vue
Zeng__Y1
这个作者很懒,什么都没留下…
展开
-
antd-vue中表格的使用
效果图:一,基本的使用代码:<a-tablebordered:dataSource="userList":columns="columns"rowKey="id":pagination="false"><templateslot="sort"slot-scope="text,record,index">{{index+1}}&...原创 2020-04-02 14:57:04 · 4581 阅读 · 0 评论 -
Vue项目调用腾讯地图服务(关键词提示服务)及使用axios的跨域问题
一,需求:输入学校名称,调用腾讯地图的关键词提示服务选择学校的地址,项目需要学校地址的坐标。腾讯地图服务官网api二,实现:(一)使用axios请求接口:schoolNameChange(e){constthat=this;constschoolName=e.target.value;this.schoolNam...原创 2020-01-10 09:59:03 · 5200 阅读 · 6 评论 -
Vue的常见问题:console.log报错
异常图片:主要原因是eslint的曝出的异常没有通过eslint的校验解决方法:方法一:使用window.console.log代替console.log方法二:将eslint不校验console.log 在package.json 页面下的eslintConfig中的rules下设置 :"no-console":"off"然后重新编译项目就可以了...原创 2019-12-24 11:39:12 · 2992 阅读 · 0 评论 -
Vue中父组件更改子组件的class
在实践饿了吗的事例中有时需要在组件中更改一些子组件的样式。自己感觉使用 >>>比较好用点.star >>> .star-item { margin-right: 5px;}有些像 SASS 之类的预处理器无法正确解析 >>>。这种情况下你可以用 /deep/ 操作符取而代之 —— 这是一个 >>> 的别名,同样可以正常工...原创 2018-05-09 15:13:39 · 3824 阅读 · 0 评论 -
Vue2.0饿了吗的实践-header组件的实践
header组件的实现图:header组件的代码: html:<template> <div class="header"> <div class="content-wrapper"> <div class="avatar"> <img width="64" he原创 2018-05-07 19:12:54 · 416 阅读 · 1 评论 -
Vue2.0 高仿饿了吗的实践-star组件的实现
off,half,onstar组件要从后台接受的score数据然后通过计算输出相应的图案。一,在计算属性中,要计算出需要几个on,half,off定义对应的变量: const LENGTH = 5; const CLA_ON = 'on'; const CLA_HALF = 'half'; const CLA_OFF = 'off'; 1,let score = Mat...原创 2018-05-07 20:54:51 · 918 阅读 · 0 评论