- 博客(13)
- 收藏
- 关注
RSS订阅原创 Vue.$set()的用法 给一个已知的数组里面套对象，添加一个新的属性
// 数据已知数组添加key data() { return { questionList: [ {bbb: 111,lll:"第一个"}, {bbb: 222,lll:"第二个"}, {bbb: 333,lll:"第三个"}, {bbb: 444,lll:"第四个"}, {bbb: 555,lll:"第五个"}, {bbb: 666,lll:"第六个"} ], testPaperObj: { sumProportion: 100,
2021-12-03 09:09:46
1325
原创 v-for序号倒序total-index,123转换成一二三
<el-row :gutter="20" v-for="(item,index) in rhythm_data" :key="item.id"> <div class="contentBox"> <el-col :span="12"> <el-form-item :label="'节奏'+ (toChineseNumeralFun( rhythm_data.length-index))"
2021-05-26 17:07:35
675
原创 vue项目倒计时，之后清除定时器,以及component is
<template> <div class="largeScreen" ref="content"> <component :is="screenComponent" mode="out-in"></component> </div></template><script>import screen1 from './com/screen1.vue'import screen2 from './com/
2020-10-15 16:41:44
796
原创 vue项目，js代码，实现全屏
```powershell<template> <div class="largeScreen" ref="content"> <component :is="screenComponent" mode="out-in"></component> </div></template><script>import screen1 from './com/screen1.vue'import screen
2020-10-15 16:38:27
432
原创 el-input校验不能输入中文和空格
data() { var checkData=(rule, value, callback) =>{ if (value) { if (/[^\w\.\/]/ig.test(value)) { callback(new Error('请不要输入中文和空格！')); } else { callback(); } } callback(); } return.
2020-09-23 15:17:37
3418
2
原创 vue-cli2 ,区分开发环境，测试环境，生成环境的方法
项目背景为了适应vue-cli2环境搭建需求，需要动态配置开发，测试，生产三种对应域名及其及打包命令。使用cross-env可以让配置环境更加清晰明了还好管理。1、安装 cross-envnpm install --save-dev cross-env2、修改package.json文件3、webpack.prod.conf.js4、src/config/config.js ，取stage_env环境变量。stage_env如果是"dev"就是开发环境，那么就设置开发环境的域名地址。如
2020-09-17 14:53:28
978
原创 vue中嵌入外部网站
<template> <div class="user"> <div> <iframe src="https://bi.aliyuncs.com/token3rd/dashboard/view/pc.htm?pageId=1ec34abe-814b-43b3-860f-c4b41d9be3af&accessToken=df84ccdfaae4ab178af6001735913b4c" id="mobsf
2020-08-24 18:38:04
1497
原创 element el-input 手机号校验和邮箱校验
ruleForm: { email: '', mobile: '', }, rules: { email: [ { required: true, message: '请输入邮箱地址', trigger: 'blur' }, { type: 'email', message: '请输入正确的邮箱地址', tr...
2020-08-19 16:15:20
5136
原创 elementui上传图片校验
<el-form-item ref="image" label="商品主图" prop="first_image_url" > <div class="picture-card"> <el-upload :multiple="false" :data="uploadMainImageData" :before-upload="beforeUploadMainImage...
2020-08-04 12:42:08
1838
原创 引用模块时import后面加上花括号｛｝和不加｛｝的区别
1、不适用花括号假如一个B.js，想通过import语法引用模块A.js，那么可以这么写1.//B.js2.import A from './A'而上面的代码生效的前提是，只有在如下A.js 中有默认导出的 export default 语法时才会生效。也就是说：// A.jsexport default 42在这种不使用｛｝来引用模块的情况下，import 模块时的命名是随意的，即如下三种引用命名都是正确的：// B.jsimport A from './A'import MyA
2020-07-20 21:48:05
2916
1
原创 vue 父组件传递给孙子组件值，为引用类型（数组、对象），但在子组件里，进行了深度拷贝，重新给了一个数组(或对象)。那么孙子组件改了值，之后，就要emit出去。
看看姐姐
2020-05-22 14:37:44
379
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人