![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
onYang
这个作者很懒,什么都没留下…
展开
-
el-image实现图片旋转并传给后端
第一步,利用el-image的图片预览功能实现旋转。第三步,通过canvas将旋转之后的图片画出来。第二步,添加一个保存按钮,并添加点击事件。# 封装的canvas画图方法。# 封装的img组件。原创 2023-02-13 16:44:58 · 1006 阅读 · 0 评论 -
后端返回PDF文件地址,直接打印出文件以及下载
将后端地址转换为blob文件,然后创建一个隐藏的iframe标签src设置为pdf地址;前端通过获取隐藏的iframe标签的id来实现打印指定内容。后端给的PDF文件地址,直接将pdf打印出来或者下载。原创 2022-12-22 18:19:32 · 1669 阅读 · 0 评论 -
element的table里面用select,数据无法动态更新问题
时,在表单内嵌套表格,后端数据没有问题,但是选择器无数据,数据没有动态更新,可以直接给template加上一个slot-scope="scope"就能解决问题。原创 2022-12-22 11:26:04 · 2526 阅读 · 1 评论 -
vue中使用element的upload实现文件上传给后端
【代码】vue中使用element的upload实现文件上传给后端。原创 2022-11-16 18:05:02 · 7449 阅读 · 0 评论 -
前端获取mac地址
vue获取mac地址原创 2022-09-30 15:04:46 · 15528 阅读 · 0 评论 -
Electron-vue打包错误问题解决
InvalidConfigurationError: "directories" in the root is deprecated, please specify in the "build"⨯ Get "https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-resources-3.4.1/nsis-resources-3.4.1.7z": read tcp 192.168.1.4:51原创 2022-09-24 16:34:43 · 2353 阅读 · 1 评论 -
elementUI控制表格样式(表格头、表格行、表格列)
表格的列通过绑定element给的cell-style回调方法来控制样式,表格行的央视控制官方也给了row-style回调方法。表格头的样式直接通过给el-table绑定header-cell-style来控制。// 表格第一排样式。原创 2022-09-16 09:36:44 · 1202 阅读 · 0 评论 -
vue中数组及对象的变动不能直接侦测到
Vue不能检测对象属性的添加和删除以及变动的数组vue数据绑定更改并更新试图可以用深拷贝或者$setlet data=[1,2,{a:2,b:3,c:4}];//深拷贝let data1=[...data];data[3].d=5;data=data1//$setthis.$set(data,'e',6)原创 2022-02-23 10:49:43 · 505 阅读 · 0 评论 -
xhr.js?b9e2:210 GET http://localhost:9001/apis/user/validate/code 404 (Not Found)
没有代理,代理错误xhr.js?b9e2:210 GET http://localhost:9001/apis/user/validate/code 404 (Not Found)解决方案:在vue.config,js文件里面配置代理module.exports = { //关闭lint检查 lintOnSave:false, // 配置项目页面 pages:{ index:{ //指定html文件路径原创 2021-12-02 15:27:52 · 4208 阅读 · 0 评论 -
搭建vuex环境
1.创建文件: src/store/index.js//引入vue核心库import Vue from 'vue'//引入Vueximport Vuex from "vuex'//应用vuex插件Vue.use(Vuex)//准备actions对象—响应组件中用户的动作const actions = {}//准备mutations对象—修改state中的数据const mutations = {}//准备state对象—保存具体的数据const state = {}//当st.原创 2021-11-25 11:00:00 · 214 阅读 · 0 评论 -
vue监视数据的原理
1.vue会监视data中所有层次的数据 2.如何监测对象中的数据? 通过setter实现监视,且要在new Vue时就传入要监测的数据 (1).对象中后追加的属性,Vue默认不做响应式处理 (2).如需给后添加的属性做响应式,请使用如下API: vue.set(target.propertyName/index. value)或vm.set(target. propertyName/index. valu...原创 2021-11-24 15:37:32 · 583 阅读 · 0 评论 -
vue中的key有什么作用?(key的内部原理)
1.虚拟DOMkey的作用: key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进行【新虚拟DoM】与【旧虚拟DOM】的差异比较,比较规则如下:2.对比规则; (1).旧虚拟DOw中找到了与新虚拟DOM相同的key: 若虚拟DOM中内容没变,直按使用之前的真实DOM ! 若虚拟DOM中内容变了,则生成新的真实DOM,随后替换掉页面中之前的真实DOM. (...原创 2021-11-24 15:34:05 · 988 阅读 · 1 评论 -
vue中的一些基本属性和指令
new Vue({ el:" #root', //el用于指定当前Vue实例为哪个容器服务,值通常为css选择器字符串。 data:{ } //data中用于存储数据,数据供e1所指定的容器去使用,值我们暂时先写成一个对象。 methods //定义方法 computed //计算属性 watch //监视属性})指令语法:用于解...原创 2021-11-03 11:45:00 · 262 阅读 · 0 评论 -
vue中的生命周期
生命周期(指虚拟dom的整个生命周期) 1.创建前的生命周期--beforeCreate() 2.创建后的生命周期--created() 完成页面的初始赋值 created中赋值不会触发更新生命周期 3.挂载前的生命周期--beforeMount() 4.挂载后的生命周期--mounted() 可以获取到页面的节点(对节点进行处理)发送ajax请求、启动定时器、绑定自定义事件、订阅消息等 只有数据被虚拟dom进...原创 2021-11-02 19:31:19 · 942 阅读 · 0 评论