首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
uni-app配置顶部标题样式
在pages.json中,通过配置这个文件,可以去设置当前页面的标题样式, 赋值的时候,将注册删除哈!!! 这样配置兼容 小程序和H5端 在配置的时候,没有给背景色,我还以为在uniapp中不兼容小程序顶部标题 { "path" : "pages/banpaiindex/banpaiindex", "style" : { "enablePullDownRefresh": true, "navigationBarTit
uni-app之vuex(一)
如何获取到vuex中data的值 uni-app中内置了 vuex 所以可以直接去使用哈. 在项目的跟目录下 创建文件夹store 在store目录下创建index.js index.js目录如下 import Vue from 'vue' import Vuex from "vuex" Vue.use(Vuex) export default new Vuex.Store({ state:{ testArr:[ {id:1,name:"纪念日"} ], city:
uniapp去修改vuex中state中的值
修改state中的值 修改state中的值,方法 (1) 在mutations中写修改state的api. (2)写好之后,直接store.commit("changeValue")调用 changeValue就是那个你写好的api store目录下index.js import Vue from 'vue' import Vuex from "vuex" Vue.use(Vuex) const store=new Vuex.Store({ state:{ test
uni-app封装网络请求promise
在项目的根目录下,创建http文件夹. 然后在创建request.js文件 文件代码如下 export function apiapi(myurl,myget,mydata,tou="Accept: text/plain" ){ return new Promise((resolve,reject)=>{ uni.request({ url: myurl, //真实接口地址. method:myget||"get",//请求的方式 data:mydata||{
h5按需引入Vant
下载按需引入插件(推荐) babel-plugin-import 是一款 babel 插件, 它会在编译过程中将 import 的写法自动转换为按需引入的方式 # 安装插件 npm i babel-plugin-import -D 配置按需引入 babel.config.js项目根目录 module.exports = { presets: ["@vue/cli-plugin-babel/preset"], //配置开始 plugins: [ [ "import",
注册全局组件(H5) 任意页面使用
在view下创建components文件夹. 在components下创建文件夹base. base文件夹是用来存放 基础组件的. 比如说页面中很多处都在使用的公共组件 如你需要自定义的按钮 在components下新建index.js 用来导出你自定义的组件 这样在任意页面就可以使用组件了 index.js和base同级的 base下的search.vue组件 <template> <div class="test"> <h1>我是一个组件<
Popup弹出层滚动不流畅
使用 Vant 框架中的 van-popup 组件(弹框组件);导致列表上下滑动不流畅 Popup 弹出层 滚动不流畅 <van-popup v-model="conFlag" class="page-cloum-flex" position="bottom" :style="{ height: '100%' }" > <!-- 滚动区域 --> <div class="flex-con
react事件 报错Cannot read property 'setState' of undefined
import React, { Component } from "react"; export class TestHanderClick extends Component { //有构造器state写在里面, 构造器中必须要有super并且传递参数 constructor(props) { super(props); this.state = { num: 100, }; } myChuFa() { alert("被触发了"); // 报错 Cannot re
创建react脚手架(项目)
现在安装 react 脚手架的有三种, react-boilerplate react-redux-starter-kit create-react-app(国内主要运用这一种) 1==>npm install -g create-react-app 全局安装脚手架命令(第一次安装后就不需要在重新安装了) 2==> create-react-app (my-app 创建项目) 若是在第二步过程中出现了 A template was not provided. This is likely be
react之state两种不同的写法
我发现 state 有两种不同的写法 在构造器 constructor 中是这样的 有 this. constructor(props){//参数必须要有 super(props); this.state={ num:10 } } } 没有 constructor state={ num:10 }
react报错Can't resolve 'react' in 'E:\reactweb\preact\my-app\node_modules\react-dom\cjs'
执行如下: npm install -g react npm install react --save 类似这种依赖项(react,react-dom 等)报错,哪个报错执行哪个即可 执行上述两句就 ok 啦
react时时获取表单数据
import React, { Component } from "react"; export class TestHanderClick extends Component { constructor(props) { super(props); this.state = { cont: "内容哦", }; } //时时获取input中的值,通过事件onChange;e.target.value来获取值 changeCont(e) { this.setState
uni-app如何只用插件市场中的插件
将你需要的插件下载下来.比如说如下图 在pages.json配置 globalStyle是一个单独的字段 "globalStyle": { "usingComponents": { "ly-tree-node": "/components/ly-tree/ly-tree-node" } } App.vue中引入CSS(注意是App.vue全局引入!!): @import url("components/ly-tree
02如何直接使用uni-app中提供的模板之公告滚动
用hBuibler将提供的模板下载下载,通过url上的路径找到你需要的模板对应的位置. 然后将这个文件夹中的diamante全部赋值过来就ok了. <view class="uni-padding-wrap"> <view class="uni-swiper-msg-myflex"> <view class="left-Iocn"> <icon class="iconfont icon-voic
uni-app之页面跳转(点击按钮进行页面跳转)
001==>点击按钮进行页面跳转 <view class="" @tap="gotoLunBo"> 去轮播页 </view> // methods:{ gotoLunBo(){ uni.navigateTo({ // url: 'test?id=1&name=uniapp' c传递参数 url:"/pages/banpaiindex/banpaiindex" }) } }, //路径注意就行了 { "
unia-app页面生命周期详解
A页面,点击按钮传递的参数 <view class="" @tap="gotoLunBo">去轮播页</view> methods:{ gotoLunBo(){ uni.navigateTo({ // url: 'test?id=1&name=uniapp' c传递参数 url:"/pages/banpaiindex/banpaiindex?id=12" }) } }, // 页面级别的声明周期 B页面 //监听页
react给当前元素添加一个类以及key的作用
给当前元素添加一个类是通过className来处理的: 引入css;直接from XXXX import React, { Component } from "react"; // 以内css,直接form import "./base.css" export class TestHanderClick extends Component { constructor(props) { super(props); this.state={ num:1, } } han
react父传子(以及默认值)
子组件 import React, { Component } from "react"; import "./base.css" // 父组件 export class TestHanderClick extends Component { // static defaultProps是默认的写法,人家规定这样写的,你的默认值 static defaultProps={ bg:"pink", wi:"100px", he:&
react中类似vue的插槽this.props.children的用法
父组件 <TestHanderClick bg="blue"> <p> 如果我要显示的话,父组件是双标签,子组件中有this.props.children</p> <div>类似于匿名插槽</div> </TestHanderClick> 子组件 import React, { Component } from "react"; import "./base.css" //
原生input上传视拼,参数形式 file: (binary)形式的
<input type="file" @change="demo"> if(e.target.files[0]&&e.target.files[0].type.indexOf("mp4")!=-1){//检查视频 console.log("e",e.target.files[0].type);//这个就是binary流 //接口 fileUpload({ // 转换为 file: e.target.
« Prev
1
...
4
5
6
7
8
9
10
Next »