javascript
javascript语法以及一些疑难点
Sophia George
路漫漫其修远兮,吾将上下而求索!撸代码之路任重而道远
展开
-
解决vue项目里window.open浏览器跳转拦截问题+需要动态传递参数
因为要携带参数row,不能直接使用window.open(),可以将onclick点击事件的方法挂载在window上。注意,window.open只能放在同步方法里,不能放在异步方法里,异步调用需要转至新页面。原创 2022-12-29 09:42:13 · 2846 阅读 · 0 评论 -
vue项目如何动态变更主题色
1.在common.less中添加root元素2.在main.js中引入3.使用方式4.在app.vue中接口动态获取主题色getThemeColor() .then((res) => { //动态设置主题色 document.documentElement.style.setProperty("--theme-color", `${res.data}`); }) .catch((原创 2022-04-01 10:26:32 · 1539 阅读 · 0 评论 -
quill-editor使用方法,图片base64位转为url缩减字符长度,以及显示文字个数,光标位置等
下载npm install vue-quill-editor2.导入import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'import { quillEditor } from 'vue-quill-editor'3.使用 <!-- 富文本 --> <div class="editor-wr.原创 2021-12-18 14:59:47 · 1163 阅读 · 2 评论 -
完美的数字输入框,只能输入两位小数点以千分位分隔,解决iview inputnumber输入光标跳转问题
注意UI框架用的是iview<InputNumber :formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')" :parser="value => value.replace(/\$\s?|(,*)/g, '')" :active-change="false" :max="99999999.99" :min="1" :precision="2" v-model.number="vehicleForm.mo原创 2021-12-16 15:48:34 · 1496 阅读 · 0 评论 -
iview InputNumber输入光标跳转precision精度
设置active-change="false"完美解决问题,在博客上看了好多肺功能啊,浪费时间<InputNumber :active-change="false" :max="9999999999" :min="1" :precision="2" v-model.number="vehicleForm.money" style="width:100%"></InputNumber>...原创 2021-12-16 15:18:40 · 1152 阅读 · 1 评论 -
正则表达式校验
原创 2021-12-10 14:02:16 · 83 阅读 · 0 评论 -
input只能输入整数跟小数点两位
<el-input maxlength="10" oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" style="width:100%" v-model="vehicleForm.money"></el-input>原创 2021-11-03 11:06:21 · 121 阅读 · 0 评论 -
主页面子页面利用postMessage通讯,主页面移除message监听事件
给主页面加了消息提示,一直无限追加,需要移除监听事件,监听事件的移除dlgVisible(val) { var that = this if (!val) { this.getWorkRecordList() } else { window.addEventListener( "message", receiveMessage, true ); }原创 2021-10-22 17:26:58 · 1479 阅读 · 0 评论 -
vue里递归结合tabletree实现父级,子级,增删改查的方式
递归增删改查的方法//添加元素export const getCurrentPart = (id, items, child) => { // console.log(id, '-----', items, '---', child) let result for (var i in items) { const item = items[i] if (item.uuid === id) { item.children.push(child) b原创 2020-07-29 09:07:21 · 719 阅读 · 0 评论 -
IE浏览器月份变为汉字兼容性问题,使用fullcalender插件
IE不兼容long月份,7会变为汉字七将settings的month换为此就好const settings = {month: “numeric”,year: “numeric”,};this.CInstance.formatDate(this.currentDateRange, settings);原创 2021-01-27 15:54:14 · 131 阅读 · 0 评论 -
js高级面向对象Tab栏切换案例
HTML页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...原创 2020-01-04 11:37:06 · 935 阅读 · 3 评论 -
关于商品查询筛选案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-01-04 11:02:28 · 376 阅读 · 0 评论