vue
天天爱TOP
前端新手多多指教
展开
-
移动端使用微信调试功能
有一个包叫做vconsole,vue项目可以参考下面的链接https://www.cnblogs.com/sauronblog/p/13468880.html其他工程可以百度vconsole原创 2021-02-04 16:14:53 · 180 阅读 · 0 评论 -
vue vant时间日期组件选择上午下午
vue vant UI时间组件 实现上午下午选择template层:--------------------------------------------------------------------------------------------------------------------------- <div id="app">{{currentDate}} {{columnsValue}}<div style="display:flex;"&...原创 2020-12-01 14:24:25 · 3592 阅读 · 1 评论 -
写vue常用命令
今天整理一下写vue项目常用命令,sudo vue init webpack my-project //创建新的vue项目(因为我的是mac本,又懒得去调整权限所以前面要加上sudo)npm install //安装依赖npm run dev //启动项目npm run build ...原创 2020-06-03 16:15:48 · 176 阅读 · 0 评论 -
js小程序隐藏手机号中间四位
var ph="13214087752" var photo = ph.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');//或: that.setData({ mobile:res.data.user.mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****...原创 2020-04-13 16:24:37 · 699 阅读 · 0 评论 -
三元判断 以及 switch case 判断
在写逻辑的时候总是忘记三元判断写法,故记录下来{{items.status==1?'未到访':items.status==2?'已到访':items.status==3?'已签约':items.status==4?'已完成':items.status==5?'已过期':''}}由于内容有些少所以下面再添加一些:switch case 判断 switch(a){ ...原创 2020-01-07 14:33:55 · 285 阅读 · 0 评论 -
vue过滤数组,返回新的数组
let ids = this.cityall.filter(item => item.name ===1 && item.id);cityall:原数组,item.name ===1 && item.id:原数组中name值为1,并且有id 的返回到ids这个数组中...原创 2019-10-08 15:05:30 · 3321 阅读 · 0 评论 -
vue页面传参
今天接触到了页面传参,下面是我的代码直接复制就可以 this.$router.push({ path: '/index_detail', query: { title: item.title,...原创 2019-10-08 14:45:26 · 115 阅读 · 0 评论 -
vue 的几种跳页方式
今天学习到了vue 的几种跳页方式,分别为1,this.$router.push()2,this.$router.replace()3,this.$router.go(n)关于这三种我是查到了下面的博文,博主写的很清楚,大家可以看一下https://www.cnblogs.com/hwldyz/p/9204346.html...转载 2019-10-08 14:38:51 · 487 阅读 · 0 评论 -
vue的axios
当我们引入了axios包之后需要开始使用它,这里是将axios封装了一下,我们需要新创建一个目录。import axios from 'axios'let address = ''//正式域名// let address = '/api';//测试域名export const post = function postPromise(params, path) { retur...原创 2019-10-08 14:32:37 · 105 阅读 · 0 评论 -
前后端字段名不同,合并后台字段为一个字段。解决办法
1,今天遇到一个问题,vue我用的组件,字段名应该是固定的,与后台传来的字段名不同,上网查了一下,可以这样写that.list=JSON.parse(JSON.stringify(that.list ).replace(/phone/g, 'tel'))that.list:组件中的数组,phone:后台传来的字段名,tel:that.list中的字段名,这样就可以解决 前后台...原创 2019-09-11 11:31:26 · 2356 阅读 · 0 评论 -
vue 引入外部样式
今天遇到了在cli中需要引入外部css,在网上查了一下,有两种引入方式,第一种是通过import引入:<style lang="less" scoped> @import "../assets/css/public.css";</style> 第二种是通过标签引入:<style src="../assets/css/public.css">...原创 2019-09-09 17:10:24 · 916 阅读 · 0 评论 -
关于 vue路由初识(子路由)
今天学习了简单的路由,和children 子路由的用法,大致可以总结为,假如我们在做一个带有底部导航的移动端项目可以这样写routes: [ { path: '/', name: 'home', redirect: '/index', component: () => import( '@/sgw/home' ...原创 2019-09-05 16:16:32 · 478 阅读 · 0 评论 -
vue 去掉严格模式
首先在 node_modules目录下安装插件:npm install babel-plugin-transform-remove-strict-mode -D然后修改babelrc.js大体如下:将"plugins": ["transform-remove-strict-mode"],修改为这样即可。新手 请多指教...原创 2019-09-03 17:13:43 · 1383 阅读 · 0 评论