vue
vue
泗水六年
实践交流总结记忆。
展开
-
idea中vue文件没有高亮显示
idea中vue文件没有高亮显示原创 2023-06-15 22:25:53 · 970 阅读 · 1 评论 -
Error: error:0308010C:digital envelope routines::unsupported
Error: error:0308010C:digital envelope routines::unsupported原创 2023-06-15 21:06:59 · 256 阅读 · 0 评论 -
vscode编辑器中vue文件高亮显示
vscode编辑器中vue文件高亮显示原创 2023-04-03 20:11:09 · 903 阅读 · 1 评论 -
报错,Uncaught TypeError: Cannot read properties of undefined (reading ‘inputValue‘) at <anonymous>
报错,Uncaught TypeError: Cannot read properties of undefined (reading 'inputValue') at原创 2023-04-03 08:58:28 · 365 阅读 · 0 评论 -
报错,Avoid mutating a prop directly since the value will be overwritten whenever the parent component
报错,Avoid mutating a prop directly since the value will be overwritten whenever the parent component原创 2023-04-02 10:13:28 · 84 阅读 · 0 评论 -
解释一下什么是Vue中的路由?
我理解的路由功能就是通过URL跳转到不同的组件。原创 2022-01-31 00:25:03 · 1122 阅读 · 0 评论 -
Vue中子组件如何向父组件传递数据?
首先在子组件中,通过 this.$emit 来调用父组件中定义的事件。然后父组件中声明一个和子组件 this.$emit("自定义事件名称") 对应的事件属性。最后在父组件中声明一个自定义方法,在事件被调用时执行。...原创 2022-01-31 00:24:46 · 839 阅读 · 0 评论 -
Vue中父组件如何向子组件传递数据?
通过props属性来进行父子组件之间的数据传递。具体的做法呢,首先在子组件中使用props属性来接受父组件传递的数据,然后在父组件调用子组件时使用属性值的方式往下传递数据。原创 2022-01-30 23:48:18 · 1471 阅读 · 0 评论 -
一个Vue组件中包含哪些部分?
HTML模板,JS代码部分,CSS代码部分。原创 2022-01-30 23:47:25 · 482 阅读 · 0 评论 -
如何查看node.js的版本号,npm的版本号,vue-cli的版本号
node -v,npm -v,vue -v原创 2022-01-30 23:46:31 · 1135 阅读 · 0 评论 -
Npm常用命令有哪些
npm install -g 包名,-g代表全局安装,不加-g代表只在当前项目安装npm uninstall 包名,卸载依赖的包npm update 包名,更新指定的依赖包npm run dev 启动前端项目原创 2022-01-31 00:24:26 · 552 阅读 · 0 评论 -
Npm是什么?
Npm是一个包管理工具,可以帮助我们安装和管理前端项目所需的那些依赖。感觉和maven有点像。原创 2022-01-30 23:45:03 · 152 阅读 · 0 评论 -
Node.js是什么?
Vue脚手架可以帮助我们快速的创建出来一个Vue项目。原创 2022-01-30 23:41:56 · 206 阅读 · 0 评论 -
使用vue脚手架初始化项目的命令是什么?
vue init 模板名 项目名原创 2022-01-30 23:36:00 · 191 阅读 · 0 评论 -
什么是vue脚手架(vue-cli)?
Vue脚手架可以帮助我们快速的创建出来一个Vue项目。原创 2022-01-30 23:32:15 · 386 阅读 · 0 评论 -
google浏览器调试
1、监控变量数值变化Console->Create live expression->输入变量名称原创 2021-09-30 16:34:07 · 343 阅读 · 0 评论 -
手机号校验
1、form表单中手机号输入框<el-form ref="form" :rules="rules" :model="pageData" class="index"> <el-row class="yh-row"> <el-col :span="24"> <el-form-item label="手机号码" prop="Customer_MobilePhoneNumber"> <el-input name="cusIDAddr"原创 2021-09-29 19:53:24 · 499 阅读 · 0 评论 -
js正则表达式
1、手机号/^1[3456789]\d{9}$/例如:Customer_MobilePhoneNumber: [ {required: true, message: "请输入手机号码", trigger: 'blur'}, {pattern:/^1[3456789]\d{9}$/,message:'请输入正确的手机号'}]2、拼音姓/^(a[io]?|ou?|e[inr]?|ang?|ng|[bmp](a[io]?|[aei]ng?|ei|ie?|ia[no]|o|u)|pou|原创 2021-09-29 16:24:29 · 313 阅读 · 0 评论 -
字段显示两位小数
1、字段显示两位小数字段中引入:<el-table-column prop="Nav" label="确认日净值(%)" width="200"> <template slot-scope="scope"> <span>{{scope.row.Nav|rounding}}</span> </template></el-table-column>定义rounding:export defau原创 2021-09-16 21:01:15 · 188 阅读 · 0 评论 -
日期格式转换
日期格式转换function formatDate(date) { var d = new Date(date), month = '' + (d.getMonth() + 1), day = '' + d.getDate(), year = d.getFullYear(); if (month.length < 2) month = '0' + month; if (day.length < 2) day = '0' + day; return [year, month原创 2021-09-16 20:49:11 · 73 阅读 · 0 评论 -
js中比较到期时间和当前时间
1、js中比较到期时间和当前时间方式1、 //到期时间 let d2 = "2022-12-29"; //转换为标准时间"2019/12/29 23:59:59" d2 = d2.replace(/-/g, "/"); d2 = new Date(d2); //当前时间 let d1 = new Date(); //如果到期时间大于等于当前时间 //valueOf() 函数返回指定对象的原始值,这里返回以毫秒数存储的时间值 if (d2.valueOf() >= d1.v原创 2021-09-16 20:46:31 · 2989 阅读 · 0 评论 -
报错,Error in created hook: “SyntaxError: Unexpected token o in JSON at position 1“
1、问题[Vue warn]: Error in created hook: "SyntaxError: Unexpected token o in JSON at position 1"found in---> <InformationConfirm> at src_main/views/stm_act_accountreportLoss_040/InformationConfirm.vue <ServiceSTM> at src_main/layo...原创 2021-08-24 18:29:23 · 1383 阅读 · 0 评论 -
最近一年记录
//获取最近一年时间 getDate() { var today = new Date(); var y = today.getFullYear(); var m = today.getMonth(); var d = today.getDate(); var StartDate=y-1 + '-' + m + '-' + d; var EndDate=y + '-' + m + '-' + d; console.log("today=" + ...原创 2021-08-22 14:37:04 · 82 阅读 · 0 评论 -
vue倒计时
<template> <main-area :title="title" class="fullfill" :buttonArray='buttonArray'> <div class="divTitle">交易信息确认</div> <div class="content"> <y-table class="" :data="tableData.data" .原创 2021-08-15 19:25:00 · 113 阅读 · 0 评论 -
vue按钮Button
<template> <main-area :title="title" class="fullfill index" :buttonArray="buttonArray"> <div class="block info-content"> <span class="demonstration">查询日期:</span> <el-date-picker .原创 2021-08-15 19:20:22 · 3904 阅读 · 0 评论 -
vue根据条件显示字段
<template> <main-area :title="title" class="fullfill" :buttonArray="buttonArray"> <div class="info-content left-right-padding-percent-10">你已签约的卡号</div> <div class="table-demo"> <YT.原创 2021-08-15 19:19:10 · 1315 阅读 · 0 评论 -
vue图片image
<template> <main-area :title="title" class="fullfill" :buttonArray="buttonArray"> <div class="info-title" id="cardType">请选择交易方式</div> <div> <el-image id="card" .原创 2021-08-15 19:12:56 · 3442 阅读 · 0 评论 -
vue表单Form
<template> <main-area :title="title" class="fullfill"> <template v-slot:zh_title> 请填写理财签约表单 </template> <el-form label-width="100px" :model="pageData" :rules="rules" .原创 2021-08-15 19:06:16 · 618 阅读 · 0 评论 -
vue单表table
<template> <main-area :title="title" class="fullfill index" :buttonArray="buttonArray"> <div class="block info-content"> <span class="demonstration">查询日期:</span> <el-date-picker .原创 2021-08-15 19:01:03 · 378 阅读 · 0 评论 -
el-input的使用
<div style="font-size:25px;font-weight:bold;margin-top:50px"> <el-row> 邮政编码: <el-input placeholder="" v-model="input1"> </el-input> </el-row>原创 2021-08-01 18:54:01 · 1292 阅读 · 0 评论 -
th、tr、td的区别
表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 <th> 标签进行定义。th:table headtr:table rowtd:table data例如:/deep/ .el-table th {font-weig原创 2021-08-01 18:49:22 · 15980 阅读 · 0 评论 -
报错 Error in created hook: “ReferenceError: _getDataPool is not defined“
问题:[Vue warn]: Error in created hook: “ReferenceError: _getDataPool is not defined”found in—> at src_main/views/stm_fmt_financialtermination_011/CancellationRegistration.vue at src_main/layout/ServiceSTM.vue at src/App.vuevue.runtime.esm.js:1888原创 2021-07-18 15:07:47 · 2355 阅读 · 1 评论 -
vue中el-image的使用??
vue中el-image的使用:<template> <main-area :title="title" class="fullfill" :buttonArray="buttonArray"> <div class="info-content"> <el-image :src="`${staticResourcePath}/img/签约成功.png`"></el-image&原创 2021-07-18 15:03:38 · 1995 阅读 · 0 评论 -
vue中el-row使用
vue中el-row使用:<el-row><el-col :span="24"> <span>产品名称:</span> <span id="productName" name="productName">XXX</span></el-col></el-row><el-row><el-col :span="24"> <span>产品代码:</sp原创 2021-07-18 14:52:13 · 6193 阅读 · 0 评论 -
流程代码中js报错,在javaScript或者jQuery中字符串比较没有equals()方法
问题:流程走不下去。原因:在javaScript或者jQuery中字符串比较没有equals()方法,要比较两个字符串是否相等可以直接用==或者is()进行判断。//判断是否为未签约有风险等级var RISK_LEVEL=DataPool.GetStringValue("Message","RISK_LEVEL");//风险等级if(!("").equals(RISK_LEVEL)){ action.Deliver("是");}else{ action.Deliver("否");}原创 2021-07-18 14:49:15 · 377 阅读 · 1 评论 -
vs code中用git提交代码过程
1、git pull。提交前git pull拉取最新代码到工作区,若git pull失败时,先解决冲突,撤销没有修改过的代码,再git pull。2、commit。选中要提交的代码,点击√按钮,是,输入描述后enter键,推送代码到本地仓库。3、git push。编辑器命定终端执行git push推送到远程仓库...原创 2021-07-18 12:22:16 · 1279 阅读 · 0 评论 -
vs code打开新的文件后旧的文件被顶掉
问题:vs code 顶部菜单栏最多只能打开两个新的,在没有修改的情况下,打开第三个文件会顶到第一个文件?解决:设置-》搜索enablePreview,找到Workbench>Editor:Enable Preview,取消此项的勾选。...原创 2021-07-18 11:59:08 · 231 阅读 · 0 评论 -
vs code没有代码提示
问题:vscode没有代码提示?解决:设置-》搜索prevent,取消此项的勾选。原创 2021-07-18 11:44:48 · 814 阅读 · 0 评论 -
vs code格式化代码
1、安装插件插件ESLint:格式化代码插件Vetur:HTML格式化代码缩进2、修改settings.json增加配置,ctrl+s保存后自动格式化代码文件—首选项—设置,点击右上角的小文件标识,在对应{} settings.json里面覆盖配置。C:\Users\YH\AppData\Roaming\Code\User\settings.json修改前:{ "workbench.colorTheme": "Visual Studio Light", "terminal.in原创 2021-07-18 10:55:04 · 761 阅读 · 1 评论 -
AppList.json文件为空,主界面清缓存后加载后还正常显示
问题:AppList.json文件为空,主界面清缓存后加载后还正常显示?解决:清缓存后运行不行的话,SelectService中加debugger运行试试。原创 2021-06-27 23:37:02 · 123 阅读 · 0 评论