vue
Creampudding
这个作者很懒,什么都没留下…
展开
-
Vue通过postcss-px-to-viewport进行手机端适配
官网地址:https://www.npmjs.com/package/postcss-px-to-viewportnpm安装:npm install postcss-px-to-viewport --save-dev之后在项目中找到.postcssrc.js,下方在新建一个之后就按照设计稿的尺寸写,会自动进行设配例:但是代码中:会根据大小对单位自动进行转换...原创 2021-10-15 18:47:33 · 477 阅读 · 0 评论 -
Vue给按钮添加回车事件
可以使用@Keyup.enter=" "来实现点击回车键来完成提交的效果,但是注意,如果使用原生的input标签可以,如果使用外部引入的组件则会无效,需要加上native我这里使用的element的input组件加上native就可以正常使用...原创 2021-10-11 16:31:27 · 1039 阅读 · 0 评论 -
实现搜索引擎搜索关键字与文章一致时,字体变红的效果
注:query.word表示搜索的关键字,大致就是将后台传过来的字符串转换成富文本原创 2021-09-28 11:16:04 · 455 阅读 · 0 评论 -
uniapp如何在vivo真机中运行
1.首先连接数据线,(设置成传输文件,仅充电找不到)2.打开手机开发者模式,把默认USB选项改成MIDI模式这样电脑就可以找到了3.通过使用的编译器,运行即可(我这边用的HBuilder X 直接在窗口出运行选择手机即可,前几项完成后可以电脑这边还是找不到,需要等一会,或者重启编译器即可)...原创 2021-09-22 11:15:50 · 2159 阅读 · 0 评论 -
nvue和vue的区别?
uni-app是逻辑和渲染分离的,渲染层在app端提供了两套排版引擎。小程序方式的webview渲染,和weex方式的原生渲染,两种渲染引擎可以自己根据需要选。vue文件走的webview渲染nvue走weex方式的原生渲染组件和js写法是一样的,css不一样,原生排版的能用的css必须是flex布局uni-app的App端内置了一个基于weex改进的原生渲染引擎,提供了原生渲染能力。在App端,如果使用vue页面,则使用webview渲染;如果使用nvue页面(native vue的缩写)..原创 2021-09-18 17:49:30 · 1245 阅读 · 0 评论 -
Uniapp笔记
使用uniapp搭建手机端项目,首先需要下载编译器HBuilder X下载App开发版本即可uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。Hbuilder X里新建一个项目,点击运行,可以多种方式运行,如果报错,查看是否确实插件,在工具中的插件安装安装scss 内置终端等。。。...原创 2021-09-18 11:51:08 · 97 阅读 · 0 评论 -
vue笔记
使用vue中使用动画vue-particles,完成粒子动画<vue-particles color="#dedede" :particleOpacity="0.7" :particlesNumber="40" shapeType="star" :particleSize="4" linesColor="#FFFFFF" :linesWidth="2" :lineLinked="true" :lineOpacity="0.4" :linesDistance原创 2021-08-30 14:42:08 · 115 阅读 · 0 评论