vue3项目安装

  • Post author:
  • Post category:vue

yarn安装vue3项目 1.先用npm安装yarn npm install -g yarn 2.全局安装 yarn global add @vue/cli 3.创建一个目录名为vue3-project的vue3项目 vue create vue3-project 4.进入项目 cd vue3-project 5.启动项目 yarn serve 版权声明:本文为weixin_42554330原创文…

继续阅读 vue3项目安装

vue移动端开发集成cordova打包,利用cordova相机插件实现相机调用

  • Post author:
  • Post category:vue

一、初始化vue脚手架 注:安装完vue环境之后(vue环境配置,网上找) vue init webpack myvue 1、参数解释:vue init--->初始化vue项目命令,webpack--->利用webpack模式,myvue----->vue项目名称。 2、初始化完成之后,可使用npm run dev在开发模式进行运行。 二、初始化cordova项目 注:安装cor…

继续阅读 vue移动端开发集成cordova打包,利用cordova相机插件实现相机调用

vue 常见的新增、编辑、查看公用同一个页面

  • Post author:
  • Post category:vue

用vue开发经常会碰到,一个功能的新增、编辑、查看公用同一个页面,如果是页面暂且不提。 但是弹框,很多人会发现,如果是点击编辑,取消,再点新增,弹框上面是会有残留数据的,为什么会这样呢,因为在点编辑的时候数据渲染上去 并没有清除,所以有数据,相信很多人也会解决,直接清空,但是不管一个个属性清空或者直接对象清空都不是很好的方法。 所以建议用到ES6的浅拷贝 Object.assign 转载于:htt…

继续阅读 vue 常见的新增、编辑、查看公用同一个页面

vue实现七天免登录(cookie)

  • Post author:
  • Post category:vue

一、在登录页面的标签中加入一个checkbox v-model绑定它的checked <div class="rt"> <el-checkbox v-model="checked" style="color:#a0a0a0;">一周内自动登录</el-checkbox> </div> 二、在data中定义checked:false 默认是不选中的 三…

继续阅读 vue实现七天免登录(cookie)

Vue-echarts 更改配置options没有触发视图更新问题解决——配置notMerge:true

  • Post author:
  • Post category:vue

前提 echart@5.1.2 vue-echarts@6.0.0-rc.6 vue-echarts是个将echarts封装为vue组件的包 引入后,代码中可以使用<v-chart :option="chartOption"/>来绘制表格 现象 this.chartOption更改后,如果内容比原来多,则会触发更新,反之不会。 如点击按钮后将this.chartOption设置为空对象…

继续阅读 Vue-echarts 更改配置options没有触发视图更新问题解决——配置notMerge:true

Vue / axios / props 调用后端接口数据并渲染到页面

  • Post author:
  • Post category:vue

情景介绍 给了一个可视化大屏的代码,代码上写的是假数据。现在要调用后端接口获取数据,并将其渲染到页面上。 分析问题 给的代码是一个 vue 组件嵌套一个子组件,要把数据渲染到子组件上。 要调用后端接口,写 axios 调用接口。 接口数据要渲染到一个子组件上,父子组件传值要用到 props 子组件中需要的数据是数组,接口得到的数据是数组包含很多个对象,需要处理。 1.axios调用接口 @/uti…

继续阅读 Vue / axios / props 调用后端接口数据并渲染到页面

利用Jpom在线构建部署Vue项目

  • Post author:
  • Post category:vue

引言 对于中小企业来说(我现在所在的企业),代码版本管理,服务在线构建部署是一个很头疼的事情,我目前所在公司,版本管理全手动(自己改了什么文件,记录下来,打包时整个文件拷贝),测试环境到生产环境的打包构建全靠人工复制,不仅效率低下,且容易出错,生产环境还需要重新测试,苦不堪言。 一天上班地铁上,关注的公众号推送一个中国的开源社区 dromara: https://dromara.org 社区孵化了…

继续阅读 利用Jpom在线构建部署Vue项目

ant vue2中table组件expandedRowRender与scroll属性冲突解决方案

  • Post author:
  • Post category:vue

今天第一次将ant vue2的table组件中expandedRowRender与scroll一起用,结果控制端报错: Warning: [antdv: `expandedRowRender` and `scroll` are not compatible. Please use one of them at one time.] 意思是初始化时`expandedRowRender`和`scrol…

继续阅读 ant vue2中table组件expandedRowRender与scroll属性冲突解决方案

[前端笔记]Vue如何刷新已绑定的变量

  • Post author:
  • Post category:vue

可以使用Watch机制,示例: export default class HelloWorld extends Vue { @Prop() name!: string; @Watch("name") public updateNames() { // 在该函数中,针对name刷新的事件进行逻辑处理 } } 版权声明:本文为moxiaomomo原创文章,遵循 CC 4.0 BY-SA 版权协议,转载…

继续阅读 [前端笔记]Vue如何刷新已绑定的变量