vue学习笔记
框架学习实践总结
极端~
个人树洞,各位看看就成
展开
-
ELement UI时间控件el-date-picker误差8小时解决办法
在项目中引用了elementui中的date-picker组件,选中的时间跟实际相差八小时,且格式不是自己想要的格式。原创 2024-01-03 09:24:51 · 1723 阅读 · 0 评论 -
el-table的一些样式总结
【代码】el-table的一些样式总结。原创 2023-10-27 09:02:12 · 769 阅读 · 0 评论 -
vue2 对路由控制以及axios请求响应的封装
axios的request.js封装原创 2023-08-16 10:36:22 · 280 阅读 · 0 评论 -
深浅拷贝区别 以及手写深拷贝
浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象。方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象。进行的是浅拷贝,拷贝的是对象的属性的引用,而不是对象本身。原创 2023-07-07 22:03:03 · 277 阅读 · 0 评论 -
安装V-cli3继续使用vue2
Vue-cli 3 结构变了很多,更优雅,开发体验更好。原创 2023-05-30 11:45:36 · 183 阅读 · 0 评论 -
vue导出word
将编辑好的docx文档放在指定文件夹中(使用vue-cli2的放在static文件夹,vue-cli3的放在public文件夹)4)表格中想要循环添加的数据,需要在开头添加{#键名},在结尾处添加{/键名},一般对应的就是需要循环的数组名称。3)花括号内的键名前后不要有空格,且它与程序中的data对象的键名必须保持一致;我的原因是我的word模板直接修改的后缀docx,需要另存为docx才可以。然后设计需要导出的word模版,本地新建一个word文档。,必须另存时选择docx类型,才能实现类型转变。原创 2023-05-18 10:38:52 · 1110 阅读 · 0 评论 -
解决Vue中的生命周期beforeDestory不触发的问题(用了keep-alive)
给router-view加了个keep-alive导致组件缓存了,所以不会触发beforeDestory和destoryed原创 2022-09-21 14:38:11 · 6143 阅读 · 2 评论 -
vue js 封装方法获取当前时间(年月日时分秒)格式
vue获取格式化时间函数的方法扩展:1.得到当前(年月日)2.得到三个月前的(年月日)原创 2022-06-02 10:11:09 · 6924 阅读 · 1 评论 -
vue项目配置nginx页面跳转正常,接口报200,但是没数据(很抱歉,如果没有启用JavaScript,XXX无法正常工作)
一、描述下问题:nginx代理跳转页面都可以进去,接口返回报200,但是就是没数据,response返回(We’re sorry but XXX doesn’t work properly without JavaScript enabled)很抱歉,如果没有启用JavaScript,XXX无法正常工作二、解决方案nginx的配置:我的所有后端服务器接口都是静态json文件(但其实json文件或者后端接口道理都一样)云服务器的nginx只能用80端口,但是配置了三个项目。于是nginx里的配置如下:原创 2022-04-27 15:52:39 · 8937 阅读 · 0 评论 -
Vue 刷新当前路由方法
问题描述:vue子组件上传图片,上传成功想刷新整个父组件。解决方案:一、一种方法,但是有bug在网上看到了一种方法:试过之后感觉有bug。第一次刷新返回到上个界面了,第二次第三次有是正常的。let NewPage = "_empty" + "?time=" + new Date().getTime() / 500;this.$router.push(NewPage);this.$router.go(-1);整体意思是:图片上传成功后,先跳转到一个新界面,然后回退到当前界面。就实现了刷新。但原创 2022-04-11 15:38:37 · 5835 阅读 · 1 评论 -
elementUI el-upload传额外的参数
查询官网发现 data上传时可携带额外的参数<el-upload ref="upload" action="/atlas/fileupload" accept="image/png,image/gif,image/jpg,image/jpeg" list-type="picture-card" :auto-upload="false"原创 2022-01-26 10:11:46 · 2573 阅读 · 0 评论 -
sortBy(逆序排序)的使用
核心代码:根据status,upload_time逆序排列,优先级status>upload_timethis.list= sortBy(this.list, [‘status’,‘upload_time’]).reverse()index.vue<script>import { sortBy } from 'lodash'export default { data () { return { list: [ {原创 2021-12-13 16:45:08 · 4332 阅读 · 1 评论 -
vue项目打包桌面程序
cnpm run packager 出现问题:13.229.188.59:443 timeout1.无效(×)npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver有效set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/cnpm run packager...原创 2021-11-18 14:53:49 · 928 阅读 · 0 评论 -
Vue 子组件mounted拿到父组件mounted后的数据
1.同步引入时生命周期顺序为:父组件的beforeCreate、created、beforeMount ——>所有子组件的beforeCreate、created、beforeMount ——>所有子组件的mounted ——>父组件的mounted总结:父组件先创建,然后子组件创建;子组件先挂载,然后父组件挂载异步引入时生命周期顺序为:父组件的beforeCreate、created、beforeMount、mounted -->子组件的beforeCreat原创 2021-09-07 15:46:50 · 4670 阅读 · 0 评论 -
Vue父组件给子组件传动态值,子组件实时更新
父组件<template><bottomLeft :type=sensorType:sendData="data" /></template><script> export default { data () { return { sensorType: 'A', data: {} } }, // 渲染时就将请求值给子组件(由于生命周期执行顺序的问题,加了下面的代码) before原创 2021-09-07 15:29:43 · 2138 阅读 · 0 评论 -
组件中的props类型及其默认值
6种props类型:字符串、数字、布尔值、数组、对象、函数 props: { demoString: { type: String, default: '' }, demoNumber: { type: Number, default: 0 }, demoBoolean: { type: Boolean, default: true }, demoArray: {原创 2021-08-27 09:59:26 · 2567 阅读 · 0 评论 -
vue表格elementui Scope.row根据某个数据展示不同的样式
<el-table-column label="性别" prop="status"> <template slot-scope="scope"> <span :style="{ color: scope.row.stutas=== 0 ? 'red' : 'black' }">{{ scope.row.stutas=== 1 ? '男' : '女' }}</span> </template></el-t原创 2021-06-16 10:32:02 · 1845 阅读 · 0 评论 -
vue 中拼接html时添加点击事件
在vue 的html拼接在添加点击事件用原生的onclick来触发事件,将事件挂在window上html模板<template> <div class="layout1"> <div class="layout" id="layout"> </div> </div></template><script>import $ from 'jquery'export de原创 2021-05-26 15:21:06 · 2520 阅读 · 0 评论 -
nuxt入门
一、首先cmd npm -vnpm默认5.2.0以上就安装了npx然后npx create-nuxt-app hello-nuxt根据提示: cd hello-nuxt 然后 npm run dev打开浏览器输入:localhost:3000完成原创 2021-03-30 14:22:16 · 179 阅读 · 0 评论 -
渲染后的子组件给父组件传值
写了个三级联动子组件,在父组件界面想要拿到渲染后子组件的值。后来发现思路有问题,可以在父组件中mounted里用nextTick,拿到渲染后的所有值,但是.属性名却拿到的是空值。 this.$nextTick(()=> { let chil = this.$refs.child console.log(this.$refs.child) console.log(this.$refs.child.属性名) // })这是因为在子组件中,return dat原创 2021-03-24 11:35:56 · 229 阅读 · 0 评论 -
在vue中使用setTimeout,离开当前路由setTimeout未销毁以及父子组件的加载
问题在项目中用了延时 data() { return { timer:"" }; }, created() { let _this = this; _this.timer = setTimeout(() => { //自己的代码 } }, 1000); }, destroyed () { let _this = this;原创 2020-12-09 14:43:27 · 767 阅读 · 0 评论 -
Vue基础知识的一些小笔记
1.v-on:click 加加减减事件number是变量 <button v-on:click="number++">+</button> <button v-on:click="number--">-</button> //语法糖 <button @click="number++">+</button> <button @:click="number--">-</button>2.生命周期原创 2020-11-24 16:54:54 · 112 阅读 · 0 评论 -
308对飞行前请求的响应未通过访问控制检查:飞行前请求不允许重定向
总结一下问题:我用postman发送请求正常响应。使用 VUE就总是跨域,后端接口报308查了很多资料,啊啊啊,想打我自己,后来发现很简单就是我的请求接口少加了"/"正确的路径是http://localhost:8090/api_2_0/login/后边的/忘写了。。。一个教训吧。记录一下...原创 2020-11-09 09:50:54 · 1030 阅读 · 1 评论 -
localhost能正常访问vue 但本机ip访问白屏?问题先抛出??哪位大神求解答
问题使用127.0.0.1访问正常使用本机ip访问明显可以看到,本机ip访问到的没有加载出样式、图片以及单独的登陆组件。这是怎么回事?原创 2020-11-05 09:30:01 · 1112 阅读 · 4 评论 -
在vue中使用jquery的方式拼接html中的@click事件失效的解决方案
无奈,本来不该有这种情况出现的。但是既然遇见了,就总结一下解决方案: td.innerHTML = '<mt-button onclick = "get_Gzinfo('+gz_id[i]+')" class="b_success">' + gz_code[i] + '</mt-button>';查了资料都说,@click.native=XXX,要加上native才可触发点击事件。这种方法不得行,并不能解决我们的问题。解决1.created()里边加上:...原创 2020-11-04 09:57:03 · 1521 阅读 · 0 评论 -
Vue--Props with type Object/Array must use a factory function to return the default value
问题解决方案翻译一下,如果props类型为Object/Array 返回默认值时需要用到use a factory function ,报错地方://数据源 echartsData: { type: Object, default: {} },应该写为:// 正解1 箭头函数 props: { echartsData: { type: Array, default:()=>{} //**如果是Obj原创 2020-10-28 11:18:58 · 277 阅读 · 0 评论