- 博客(17)
- 收藏
- 关注
原创 js对象的两种取值方式
js中对象的两种取值方式第一种,正常的对象名 + . 属性名取值data() { return { obj:{ demo:1 } }},obj.demo取值第二种 对象名 + [“属性名”] let obj = { name: 'object', age: 2, gender: 1 } function demo() { console.log(obj["name"]) }
2022-05-14 21:38:44
4869
原创 vue中watch的用法
当vue项目中需要对某个值进行监听做一些操作的时候我们会用到watch进行监听:1:监听普通属性:单一字符串,布尔值,等等data() { return { dvid: '', goodsInfo: [], userInfo:{}, closeTime:0,//关仓倒计时 } },watch:{ closeTime(newVal, oldVal){ console.log(`${newVal} : ${oldVal}`); } }
2022-04-25 11:01:49
13789
原创 js如何截取某个字符串前面或者后面的内容
截取某个字符串后面的内容:var str = "http://abc/def/ghi.com";var index = str.lastIndexOf("/");str = str.substring(index + 1, str .length);//返回最后一个'/'后面的内容截取某个字符串前面的内容var str = "http://abc/def/ghi.com";var index = str.lastIndexOf("/");str = str.substring(0, ind
2022-04-24 18:14:48
3087
原创 vue 页面之间传值 传递数组的方式
传递的页面:例:uniapp中demoClick(){uni.navigateTo({ url:'./applyToDevice?planName=' + this.detail.name + '&list=' + encodeURIComponent(JSON.stringify(this.detailList)) })}接收的页面:onLoad(option) { console.log(option) this.planName = option.pla
2022-04-24 18:07:54
3365
原创 vue-admin框架中配置proxy反向代理解决跨域问题
使用vue-admin模板做项目前端做代理转发请求域名在项目文件目录中找到vue.config,js文件中的module.exports中加入代码: devServer: { proxy: { '/back': { target: 'http://49c5r66452.zicp.vip/', // 后台接口域名 // ws: true, //如果要代理 websockets,配置这个参数
2022-03-19 19:31:19
1414
原创 如何在uni-app中获取页面栈中的实例达到获取数据的目的?
如何在uni-app中获取页面栈中的实例达到获取数据的目的?这里使用的是uni-app的api getCurrentPages()获取到页面栈的实例:官网上有写到:getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。注意: getCurrentPages()仅用于展示页面栈的情况,请勿修改页面栈,以免造成页面状态错误。使用场景:可以解决需要跨多个页面传递后台需要的参数,比如页面发生三级或者以上的跳转,然而需要
2021-05-21 10:27:29
2622
原创 Nuxtjs中利用持久化插件存储的数据如何清除:两种方式
Nuxtjs中利用持久化插件存储的数据如何清除方法一一:在已创建的store目录下的文件中添加一个退出登录的方法二:退出登录举例 在需要退出的地方调用这个方法即可方法二(简便):不需要在store中的文件中定义一个清除的方法,直接调用之前定义的登录方法,将其值设置为空即可这个方法相比方法一省去了一些代码 实现起来也很直观容易理解...
2020-11-09 21:15:09
903
原创 Nuxtjs中使用store管理数据,并实现持久化存储
Nuxtjs中使用store管理数据,并实现持久化存储实现步骤:一:存储数据在store中:在store文件夹新建userstore.js,并添加以下代码userstore.js中的代码:export const state = () => ({ // 这里是全局数据保存的地方 userInfo: {} }) // 修改state里面的函数必须用到mutations里面的函数export const mutations = { setU
2020-11-09 20:49:34
5582
2
原创 实现表单验证的步骤
表单验证的实现步骤代码示例表单代码:<el-form :model="form" ref="form" :rules="rules" class="form"> <el-form-item class="form-item" prop="username"> <el-input placeholder="用户名/手机" v-model="form.username" @focus="hideErrMsg(
2020-11-07 22:48:14
465
原创 如何解决vscode中vetur插件无法保存自动格式化代码的问题
如何在vscode 插件 vetur 中设置保存vue文件自动格式化?在学习vue的过程中需要使用vetur插件,但是有个问题,有些版本下载之后没有保存自动格式化的功能,在这里我分享一下我在遇到这个问题的时候的解决方案。1.打开vetur插件的设置2.找到该插件中的settings.json3.在settings.json中添加如下代码:代码: "editor.detectIndentation": false,//缩进 "editor.tabSize": 4
2020-10-30 14:49:23
4786
6
原创 如何利用moment.js转换时间显示格式
文章目录如何在js中将时间格式动态转换为几小时,几分钟以前第一步:全局下载moment.js包第二步:引入之后按照文档进行书写如何在js中将时间格式动态转换为几小时,几分钟以前第一步:全局下载moment.js包全局下载moment.js插件包。npm install moment --save;第二步:引入之后按照文档进行书写//引入import moment from 'moment'//挂载到原型Vue.prototype.$moment = moment //汉化,否则显示日期
2020-10-29 21:45:04
903
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人