蒲公英的家-CSDN博客

原创 layUI入门 -- 引入

首先要知道什么是layUI，layUI（谐音：类 UI）是框架！是遵循原生 HTML/CSS/JS 的开发方式。具体了解话是要去官网仔细阅读。官网传送门：https://www.layui.com/在官网首页直接下载下载后解压文件之后打开编辑器创建一个项目（普通的HTML项目就可以），将解压好的文件放到项目里放好后在HTML文件里引入layui.css和layui.js文件<!DOCTYPE html><html lang="en"><..

2021-08-24 10:30:49 1796

原创 flex布局两端对齐最后一行左对齐

给父容器加after或者befor.furongqi:after { content:""; display:block; width: 32%; height:0px;}

2021-06-19 11:58:09 1040

原创 uniapp使用 Ucharts2.0绘制图形

Ucharts升级为2.0版本后好多小白第一遍看不懂，不会运用，下面就从第一步来。1、官网下载https://ext.dcloud.net.cn/plugin?id=271

2021-05-29 16:46:05 1398

原创 view文字过多，多出部分省略号显示

overflow: hidden; /* 隐藏溢出 */word-break: break-all; /* break-all(允许在单词内换行。) */text-overflow: ellipsis; /* 超出部分省略号 */display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/-webkit-line-clamp: 1; /** 显示

2021-03-16 13:55:44 1140

原创 v-for循环列表后跳转到对应列表页

1、先给v-for循环的列表标签加 @click事件2、给列表加id3、在methods中写入@click事件这就ok了

2020-10-17 14:35:08 304

原创 Error in v-on handler: “TypeError: _vm.toOrderType is not a function“

Error in v-on handler: "TypeError: _vm.toOrderType is not a function"出现这种错误：原因：vue绑定的变量名和函数名重名了注：变量名和函数名不能一致！！

2020-10-17 14:03:27 5831 2

原创 Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/temp

Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):(Emitted value instead of an instance of Error)错误原因：view后边没有关闭上，（</view>）

2020-09-28 16:27:08 7071

原创 uniapp华为手机真机运行方法

1、手机跟电脑用数据线连接上，这时候点运行会显示检测不到模拟器2、当手机跟电脑联线时选择传输文件3、在设置->（"系统"->）"关于手机"点击版本号7次，之后返回“系统”，就会出现“开发人员选项” ---> ---> 4、在进入开发人员选项后点击允许usb调试完成后再去点运行就会出现运行设备了，第一次运行会让安装HBuilder，安上后以后就不用啦。...

2020-09-27 16:03:44 3771

原创 css给图片加层阴影

最近在做页面的时候感觉ui设计页面里面的图放到我这就亮了，加上字也不好看，仔细看看原来是加了一层阴影。其实就是在图片的外层加一层view<view class="yinying"> <image src="../../static/1.png" mode="" class="cont-pic"></image></view>.yinying{ background:rgb(0,0,0,0.3);}如果用了v-for循环，进行

2020-09-27 10:20:17 1375

原创 uniapp顶部导航栏添加自定义按钮

1、在page.json中添加如下配置（哪个页面需要就添加到哪个页面）{ "path" : "pages/index/reportcon/reportcon", "style" : { "navigationBarTitleText": "测试", "navigationBarTextStyle":"black", "app-plus":{ "titleNView":{ "buttons":[ { "t

2020-09-21 10:54:59 3262 4

原创 input标签能换行么？textarea标签属性

input标签不能换行！！！！想做文本框并且要换行的话用textarea标签就行，并且可以实现自动换行，不需要另加属性。

2020-09-19 17:34:42 10545

原创报错：[Vue warn]: Avoid using non-primitive value as key, use string/number value instead

错误信息：[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.我是把key值写错了<view v-for="(item,index) in lists" :key='item'>把key值换一下<view class="constjv1" v-for="(item,index) in lists" :key='index'>注意：要是有多个循

2020-09-10 16:41:42 1334 1

原创 uniapp中修改input里的字体颜色

看了好多文章修改颜色的方法都差不多，都没有效果，这种的最多：input::-webkit-input-placeholder {color: #BBBBBB!important;font-size: 16px;最后试出来这种的有效果了<HTML><input class="search-inp" type="text" value="" placeholder="请输入您的关键词" placeholder-class="co"/><css>.c

2020-09-10 16:17:45 10091 3

原创工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -＞设置 -＞安全设置，将服务端口开启。

工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -> 设置 -> 安全设置，将服务端口开启。（最新版）注意：打开之后把窗口关闭，开着窗口运行时会白屏不显示！！！...

2020-08-29 08:52:35 9036

原创 Error: Cannot find module ‘@vue/cli-shared-utils‘

Error: Cannot find module ‘@vue/cli-shared-utils’这两天在用vue做echarts，安装好依赖后运行，也不知道为啥每次都报错解决办法：1、删除node_moduls文件夹2、运行npm install3、最后重新启动，yarn serve

2020-08-05 11:44:45 11208 2

原创 Vue router

Vue router1、安装router组件：1、npm install vue-router2、cnpm install vue-router3、yarn add vue-router三选一进行安装（建议用第二个或者第三个，第一个可能会卡）2、在src里新建一个js（我这里是router.js）,并在其中引用如下代码import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)```**3、在src

2020-07-24 11:58:36 435

原创 VUE组件、传值

VUE组件、传值组件（Component）是 Vue.js 最强大的功能之一，可以扩展 HTML 元素，封装可重用的代码。1、在src中components中,新建Header.vue组件（首字母建议大写，避免冲突）2.在app.vue中引用组件首先引入组件然后在export default注册组件最后使用组件传值1、.父传子：父组件向子组件进行传值props方法：父组件内设置要传的数据，在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上，可以使用 props 向

2020-07-24 01:03:18 95

原创初学vue--声明式渲染、条件与循环、事件绑定、双向绑定、生命周期

初学Vue—声明式渲染、条件与循环、事件绑定、双向绑定、生命周期今天主要了解到Vue的声明式渲染、条件与循环、事件绑定、双向绑定参考链接 (https://cn.vuejs.org/v2/guide/index.html#Vue-js-%E6%98%AF%E4%BB%80%E4%B9%88)1、声明式渲染：利用简洁的模板将数据渲染进DOM（ {{message}} ）<div id="app"> {{ message }}</div>var app = new V

2020-07-22 18:20:04 206

原创 yarn：无法加载文件xxxx，因为在此系统上禁止运行脚本

yarn：无法加载文件xxxx，因为在此系统上禁止运行脚本刚开始学习vue，在启动运行时出现的错误（win10系统）解决办法：1、win键 + s 搜索 powershell 并以管理员身份运行：2、点开后输入set-ExecutionPolicy RemoteSigned，在执行策略更改处输入y3、输入 get-ExecutionPolicy 显示出 RemoteSigned就????...

2020-07-22 14:13:28 2063

原创 Windows系统安装vue

Windows系统安装vue1、安装git工具，便于在wind电脑上操作命令行（可以不安装）2、安装node,(https://www.cnblogs.com/li150dan/p/10451772.html)检查node安装是否成功，在git工具中输入node -v3、检查npm是否安装成功，在git工具中输入npm(npm一般随node一起安装在电脑中，node如果成功了，npm基本都会没问题)4、cnpm安装参考网站：https://developer.aliyun.com/mirror/NP

2020-07-21 15:36:32 257

qq_44721998的博客