肖肖肖丽珠的博客

input class="key-search" type="text" placeholder="关键词搜索"

let time = parseInt(min) * 60 * 1000 + parseInt(sec) * 1000 + parseInt(mill) //把分钟变成秒，秒变成毫秒。time = parseInt(min) * 60 * 1000 + parseInt(sec) * 1000 + parseInt(mill) //把分钟变成秒，秒变成毫秒。arr = text.split(/[(\f\n)\r\t\v]/).map((item, i) => { //用正则的换行符分割。

<el-input v-model="temp.postFailMsg" :placeholder="$t('configForm.Postfailuremessage')" @focus="showTips($event)" @blur="hideTips($event)" ref="postFailMsg" @input="changeValue('postFailMsg',temp.postFailMsg,50)" />//只能输入50个中文。100个英文。一个英文相当于0.5...

<template> <div> <el-form ref="dataForm" :model="member" label-position="right" label-width="100px"> <el-form-item v-for="(item,key) in member.emailList" :key="key" :prop="'emailList.'+key+'.memberEmail'" :rules="r.

说是不能计算出长度。但是我明明是个数组啊。我尝试先打印一下这个children的内容结果也是数组怎么会求不了长度呢？最后我在求长度的地方加了一个判断，判断他是数组并且长度大于0.这样就不报错了{{Array.isArray(row.children)&&row.children.length>0?"修改":"新增"}}判断是否是数组可以看这个文章有好几种方式有什么方法可以判断是否是数组_肖肖肖丽珠的博客-优快云博客_判断数组的方法有哪些...

我想直接打开打包后的文件，让它运行。但是不用命令行。需要修改vue.config.js把publicPath:'/'改成publicPath:'./'然后再去执行npm run build 。生成了dist文件之后。直接点击index.html看效果就行啦...

百度说是table的data数据格式应该是数组，如果给的不是数组就会报这个错。但是我打印了截图上面的我是数组里面有三个对象。最后发现原来是我定义的时候data的值写成了null。即使最后重新赋值是个数组但是还是会报这个错。。初始化的时候定义成空数组就好了...

安装了node-sass但是还是一直抱着个错误。可能是node的版本和node-sass不匹配。node -v查看一下你的node版本。我的是v16.13.1它对应的应该是"node-sass": "^6.0.1","sass-loader": "^10.0.1",去下载对应的就可以啦...

package.json文件，添加。 "dev:test": "vue-cli-service serve --mode test", "build:test": "vue-cli-service build --mode test", "build:prod": "vue-cli-service build --mode prod",代表npm命令行新增了几条命令，这里的test和prod是自己命名的你也可以写别的。只要下面获取的时候根据这些名字匹配使用本地测试还是线...

<template> <div class="container"> <div class="emblem"> <div class="text" v-for="(text, index) in emblemText" :key="index" :style="'transform: rotateZ('+ getDeg(index) +')'"> {{text}} ...

一直有黄色的提示百度翻译了一下，说.map的文件没办法加载这是由于谷歌的一些扩展导致的不勾选那两项，然后刷新一下页面发现黄色的提示不见了

意思是端口号已经被占用了。你已经打开了一个端口号是1000的。这时候只要修改当前项目的端口号或者是关闭当前打开的端口号是1000的项目。

|-- build // 项目构建(webpack)相关代码| |-- build.js // 生产环境构建代码| |-- check-version.js // 检查node、npm等版本| |-- dev-client.js // 热重载相关| |-- dev-server.js // 构建本地服务器.

:class="[item.diffpercent==0?'grey':(item.diffpercent>0?'red':'green')]"

<input type="text" :readonly="isreadonly" />我是这样写的通过一个变量来确定是是否添加readonly属性。computed:{ isreadonly(){ return this.$route.query.from=='detail'?'true':'false'; } },但是在true的时候的确是变成了不可编辑的，但是false的时候...

vue中冒号：是v-bind的缩写。一直最常见的做法是代表绑定一个变量。但是我今天用到复选框是时候缺出现选不中的情况<el-checkboxv-model="checked">备选项</el-checkbox> checked:1但是没有选中然后我想可能是没有写true-label，于是这样写。因为true-label接收一个数值或者字符串。我的默认值是数值。<el-checkboxv-model="checked" true-...

这是一个vue的页面。我在这里用到了一个iframe。这是一个弹窗才显示的内容。下面是iframe的内容。有两个按钮取消和提交。这个是在外部界面里的内容。我要在点击取消和确定的时候把iframe里面的值获取到，在iframe里面写个函数是可以很容易获取到内容的，但是我们要在外部调用这个函数。首先我们在iframe的界面里定义两个函数function cancel(){ console.log("取消")}function sure(){ console.l...

我在github里面下了一个代码按照提示首先npm install 安装依赖，然后运行npm run dev 却报错是因为node-sass有时候使用npm install是无法下载下来的。我们再单独的下载一下。使用cnpm install node-sass就好啦...

//禁止鼠标右键功能和ctrl+s。在main.js里面Vue.directive('ban-save',{inserted(elem,vnode){window.addEventListener('keydown',function(e){if(e.keyCode==83&&(navigator.platform.match('Mac')?e.metaKey:e.ctrlKey)){...

打开一个子组件的弹窗编辑完成弹窗关闭但是当第二次打开还是上次编辑完的那个状态。发现并没有清空里面的数据。而且没有重新走created。这个时候的解决办法是你把弹窗写个v-if和visible.sync写一样的变量。这样就可以啦。<!--添加新的资源的弹窗--><el-dialog:visible.sync="uploadDialogVisible"v-if="uploadDialogVisible"width="50%"...

<h4>上传文件：</h4><pclass="input-zone"><spanv-if="filename">{{filename}}</span><spanv-else>+请选择文件上传+</span><inputtype="file"name="file"valu...

我写过一篇一样的报错，看这里：MathJax.js使用时报错那个里面不是在vue项目里写的所以在script里面加个type="text/x-mathjax-config"就可以了。但是如果再vue项目的js里面写配置没有办法去加这个设置。我的插件我引入的这个 ：<scriptsrc='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML'></script&..

我曾经写过的一篇文章用过子组件里面自己引用自己element-ui的表格。表头和表格数据都是接口动态给的。多级表头。如何写呢？ MyColumn.vue<template> <el-table-column :prop="titledata.values" :label="titledata.label" align="left"> <template v-if="titledata.children.length">...

定义组件名的方式有两种：1.短横线分隔命名<my-component-name>引入的时候components: { 'my-component-name':resolve=>{ require(["@/components/classes/my-component-name"].resolve)} },2.首字母大写命名<MyComponentName>引入的时候components: { 'MyComponentName':...

这样的需求是经常用到的。但是我们在用的时候却发现了一些问题:<el-inputv-model="mobile" placeholder="手机号" type="number" maxlength="11"></el-input>只能输入数字:type="number"最长11位 : maxlength="11"如果写type="number" maxlength="11"。的确只能输入数字但是maxlength="11"的长度限制却失效了。如果不写...

一个班级下面可以有多个试卷。这时候我们要根据班级的id来确定合并的行数。班级id一样的要合并。 tableData: [ { classname: '2018年暑假班一年级语文小班兴趣', clsid: '123', title: '2020/06/18 20:21:12 测试 (4)题', }, { classname: '2018年暑假班一年级语文小班兴趣', clsid: '...

就像上面这样的表格数据。他的表头是两级的。表头和数据都是接口给我的。上面是接口传来的数据。titledata是表头的数据。children如果长度大于0.children就是他的2级表头。tablebase是表格内容。表头的value值对应表格数据的键值。如果tablebase作为表格一级表头的表格。键是表头，那么我们即使不知道长度也可以通过循环来写的。参考这篇文章https://blog.youkuaiyun.com/qq_33769914/article/details/106547680。但是..

本来的逻辑是点全选获取全部单选的绑定值的数组。就可以让下面所有的选中。但是如果下面单选绑定的不是一个值。而是一个对象的话。即使点击全选获取所有单选对象组成的数组也不能回显。直接按照官网的例子修改一下.让他绑定的值是对象。发现你写了checkedCities选中的对象内容，但是并没有回显<template><div> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change..

<div v-for="(item,index) in list"> <input type="checkbox" :id="index" :value="item.id" v-model="checkedItem"></div>注意写value值

我知道一个后端给的地址的经纬度要显示在地图上。但是如果我不知道zoom就不知道 应该缩放多少啊。我们可以在map的@ready事件中获取他的zoom<template> <div> <baidu-map class="bm-view" :center="center" :zoom="zoom" @ready="handler" :scro...

可以在这里下载首先我新建了一个config.js的文件把域名写在这个文件里。这样所有页面想用的时候直接引入这个文件就可以拿到。当前修改的时候只要修改这个文件就好了。不用到处定义导致的修改时到处找使用到域名的地方。要在config-index.js引入这个域名import cf from 'config的相对位置' //下面就可以使用cf.apiurl当做域名啦。下面截图我用的config作为文件重命名的。所以也就直接通过config.apiurl然后再dev下面添加pro...

app.vue<template><divid="app"><router-viewclass="page"></router-view><van-tabbarv-model="active"> //我这里用的vant的框架注意要在main.js里面引入<van-tabbar-itemicon="home-o">标签1</van-tabbar-item...

1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。跳转路由$router.push({path:'home'});$router.replace({path:'home'});//替换路由，没有历史记录2.route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name,path,p

我的全选当前页。只有一个。当页码切换的时候。页面的内容会根据接口显示刷新成新的数据。但是全选当前页状态没有变化全选当前页按钮有三个状态1.勾选全部 2.勾选了部分内容 3.没有选任何内容 所以我们可以根据当前页面选中的内容数量a和接口获取的当前页面所有的内容数量b做比较。如果数量一样a=b。那么就是勾选全部。如果a<b ,勾选了部分如果a=0.没有勾选。下面是官网的例子。我们来说说要对他做哪些改进：<template> &...

这个错误完全是这个文章没注意删除掉注释内容导致的vue项目打包报错JS stack trace Ineffective mark-compacts near heap limit Allocation failed - JavaScript去掉上面那个注释的内容就行了。...

这是内存溢出的报错，解决办法是再package.json文件.scripts下面的build改成"build": "node --max_old_space_size=4096 build/build.js"内存大小设的是4G。

这是由于安装的sass-loader的版本过高导致编译错误。先卸载再重新安装一下低版本就行了npm uninstall sass-loadernpm install sass-loader@7.3.1 --save-dev

没有找到node-saas模块。下载一下最新的node-saas就好了。命令行输入cnpm install node-sass@latest

首先晒一下接口：新闻评论的列表        接口地址:http://wx.wmh920.com/index.php/Mz/commentList        请求方式:POST        请求数据:接收新闻的raid,分页的page        返回数据:data                list:评论的列表(二维数组)