Vue入门
喵喵喵小鱼
这个作者很懒,什么都没留下…
展开
-
echarts绘制机组开关状态折线图
绘制机组开关状态折线图原创 2022-10-27 13:36:05 · 957 阅读 · 0 评论 -
Vue手机端和pc端适配问题
Vue手机和pc端适配问题 首先要用到postcss-pxtorem这个第三方,用npm安装下,我项目中用的是5.1.1版本,接下来我就用这个版本来做示范。安装好之后要在vue.config.js文件中做配置如下: module.exports ={ css:{ loaderOptions:{ postcss: { plugins: [ require(‘postcss-pxtorem’)({ //这里是配置项,详见官方文档 rootValue: 100, // 换算的基数 selectorBlackLis原创 2021-04-09 16:31:37 · 1525 阅读 · 0 评论 -
Vue中表单重置问题
Vue中表单清空重置问题 表单重置this.$refs.fromData.resetFields()失效,找了半天才发现,是给表单回显赋值的时候导致的,如下在给表单赋值的时候要做延迟使用nextTick调用赋值方法 this.$nextTick(function(){ this.$refs.addFX.setEditData(row) }) ...原创 2020-07-06 15:23:54 · 891 阅读 · 0 评论 -
使用mint-ui移动开发组件UI库开发Vue,动态设置顶部导航栏标题
//这个标签是设置顶部导航栏的,标题官方给出的是title直接赋值字符串,但是如果想动态设置标题的话,在data中定义一个变量active(名字随便),然后要用:title来进行绑定这样可以动态变更active的值这个时候顶部导航栏也会跟着变的 <mt-header :title='active'></mt-header> ...原创 2020-05-08 13:37:37 · 502 阅读 · 0 评论 -
使用webstorm开发Vue,写一个带tabbar的登录页面相互切换逻辑
先上效果,如下图 登录页面就是一个登录按钮,项目启动先看下是否登录,如果登录了则直接进入首页,首页是一个tabbar布局的,如果没登录就进登录页,然后点登录按钮进首页。 上面的是首页。由于登录页只有一个按钮就不展示了,下面看具体逻辑和项目文件夹构架。 首先我在src目录中创建了一个views目录然后在这里面创建了5个vue,分别如图所示。然后跟main.js平级创建了一个router.js用来...原创 2020-05-07 18:03:32 · 1143 阅读 · 0 评论 -
使用webstorm开发Vue小项目(入门一)
首先从零基础开始学这个Vue,没人带纯自己考上网查。太难了我。。。。 废话不多说首先 下载webstorm,做好Vue一系列的配置,这里我就不多说了网上一大堆,然后按照创建项目,选择创建vue项目创建成功之后如下图: node_modules目录下是你用npm 安装的一些列的第三方插件和webpack的一些东西,具体都啥作用,我也没整那么明白,反正就是一些开发Vue相关的组件,后面我要是开发熟练了...原创 2020-04-17 17:24:25 · 2461 阅读 · 0 评论