weixin_43453916的博客

【代码】vue3替代 v-deep的写法。

vue3

module.exports = { root: true, env: { node: true, //8+的配置 // 'vue/setup-compiler-macros': true }, 'extends': [ 'plugin:vue/vue3-essential', 'eslint:recommended', // 'plugin:vue/vue3-recommended', ], parserOptions: {

vue3.2 之后语法糖起初 Vue3.0 暴露变量必须 return 出来，template中才能使用；这样会导致在页面上变量会出现很多次。很不友好，vue3.2只需在script标签中添加setup。可以帮助我们解决这个问题。1.组件只需引入不用注册，属性和方法也不用返回，也不用写setup函数，也不用写export default ，甚至是自定义指令也可以在我们的template中自动获得。1变量、方法不需要 return 出来2组件不需要在注册3新增 defineProp

yarn --versionError: EACCES: permission denied, open ‘/Users/xiaoka/.config/yarn’at Object.openSync (fs.js:476:3)at readFileSync (fs.js:377:35)at /usr/local/lib/node_modules/yarn/lib/cli.js:101466:58at Array.map ()at parseRcPaths (/usr/local/lib/node

正确写法应该是let dt = new Date("2019/07/24 19:57")而实际应该过程中日期格式大部分都是2019-07-24这种，所以在实际应用过程中需要用正则对字符串进行预处理let tm = "2019-07-24 19:57"let dt = new Date(tm.replace(/-/g,'/'))...

function onchangeSer(e) { const me = this; this.timer ? clearTimeout(this.timer) : "" this.timer = setTimeout(() => {}, 500) },

import 'dart:math';import 'dart:ui';import 'package:flutter/material.dart';import 'package:flutter/rendering.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { // This widget is the root of your application. @override

1、pubspec.yaml 添加 fluwx: ^2.2.0一、Xcode配置 :（进入到flutter项目中ios文件下面打开工程文件）1、配置项目的Universal Links，同时和微信公众平台配置的保持一致后台根目录下配置apple-app-site-association文件（无后缀），格式如下 { "applinks": { "apps": [], "details": [ { .

mac全局安装 yarnsodu -snpm install -g yarn react-native-cli mac报错无权限sudo chown -R $USER:$GROUP ~/.config

import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter标题栏', theme: ThemeData( prima

1. 跳转页面，不传参： Routes.navigateTo( context, Routes.setting, ); 1、pop返回页面： Navigator.of(context).pop(); 2、返回到/根页面： Navigator.of(context).popUntil(ModalRoute.withName('/')); Navigator.of(context).popUntil((r) =>...

Container()widthheightmargin: EdgeInsets.fromLTRB(0, 0, 10, 0),padding: EdgeInsets.fromLTRB(2, 0, 2, 0),decoration:BoxDecoration( //圆角 borderRadius: BorderRadius.circular(4), //线框 border: Border.all( color: Color.fromRGBO(225, 52, 52, 1), width:

因为children只接受list类型 所以需要加tolist（）

flutter packages pub run build_runner build

Widget build(BuildContext context) { return Container( child: MaterialApp( title: '菜篮子', debugShowCheckedModeBanner: false, theme: ThemeData( primaryColor: Color(int.parse('0xfffa5956')), ...

@touchmove.stop.prevent

import 'package:flutter/material.dart';//class From extends StatelessWidget {// @override// Widget build(BuildContext context) {// return Scaffold(// body: Text('322333'),// );// }//}class From extends StatefulWidget { From({Key

import 'package:flutter/material.dart'; class ProductInfor extends StatefulWidget { Map arguments; ProductInfor({Key key,this.arguments}): super(key:key); @override _ProductInforState createState() => _ProductInforState(arguments:this..

Navigator.of(context).pushReplacementNamed('/from');Navigator.of(context).pop();import 'package:flutter/material.dart';import './Cate.dart';import './User.dart';import './Home.dart';class Tabs extends StatefulWidget { final index; Tabs({Key

import 'package:flutter/material.dart'; class ProductInfor extends StatefulWidget { Map arguments; ProductInfor({Key key,this.arguments}): super(key:key); @override _ProductInforState createState() => _ProductInforState(arguments:this..

import 'package:flutter/material.dart'; import '../pages/FromPage.dart'; import '../pages/Search_page.dart'; final routes = { '/from':(context,{arguments})=>FromPage(arguments: arguments), '/search':(context,{arguments})=>SearchPage(a.

import Vue from 'vue'import Router from 'vue-router'import Home from 'views/Home.vue'import store from '@/store'Vue.use(Router)let routes = [ { path: '/', name: 'home', component:...

vue init simulatedgreg/electron-vue my-pro创建 vue的桌面应用

body{ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) !important; -webkit-filter: grayscale(70%) !important; }

思路：因为vue是单页面应用，进入其他页面时会销毁该页面，用keep-alive不让其刷新，具体实现为：(1).在App.vue中加入：<template> <div id="app"> <!--<router-view/>--> <!--页面返回不刷新--> <keep-alive> ...

-webkit-overflow-scrolling: touch;overflow-scrolling: touch;

在vue项目的index.html中添加如下代码：<meta name="format-detection" content="telephone=yes" />在需要调起手机拨号功能的页面，写如下函数：// 调用拨号功能callPhone (phoneNumber) { window.location.href = 'tel://' + phoneNumber}...

https://www.npmjs.com/package/vue-directive-touch

function checkIdCard(idcard) { const regIdCard = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; if (!regIdCard.test(idcard)) { errorMsg = '身份证号填写有误'; return false; } else { ...

yarn add vconsole在 vue的main的文件夹 下面if (process.env.NODE_ENV === 'development') { const VConsole = require('vconsole') // eslint-disable-next-line const my_console = new VConsole()}...

white-space:pre-wrap; word-break:break-all;

一、安装包npm install qrcodejs2 --save二、应用Html代码 收藏代码 <div class="qrcode" ref="qrcodeContainer"></div> <script> import QRCode from 'qrcodejs2' // vue对象的一个method showQRCo...

@touchmove.stop.prevent禁止遮罩层的穿透滑动upx的单位不能动态的渲染到页面 必须转换成 px

第一步，在控制台输入git init ,进行git文件夹的创建，（之前我本机已经存在过git house），现在创建D:\develop\demo文件夹作为演示文件夹，创建成功后，控制台会显示如下页面证明本地git仓库已经创建成功。第二步：在码云上，将对应的项目的克隆/下载地址进行复制，操作如图所示：然后在git控制台，输入git remote add origin URL（地址） 将本...

overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;

<template> <div id="app"> <router-view /> </div></template><script>export default { name: "App", data(){ return { timeOut:'' } },...

<div class="mapImg" :style="{backgroundImage: 'url('+mapMath.picturePath+')'}" v-show="mapImgBIg"> <img src="./resources/images/ic-suoxiao.png" alt="" @click="mapImgBIg=false"> ...

1 cd ios2 pod deintegrate3 pod install

概述 在页面设计时，我们经常使用input复选框。由于界面设计的需要，我们需要修改复选框的样式，使得界面更美观或者适应新的需求。由于CheckBox伪类修改比较复杂，通常修改的方式有两种，一个是链入图片，另一个是使用纯css的方法进行修改。链入图片的设计方式比较简单，但是需要预先设计或者下载图片，比较麻烦。纯css的方法，只需要在css文件中编写代码，个人觉得比较方便，因此，本文使用该方式...