Vue
yazhiShaw
这个作者很懒,什么都没留下…
展开
-
uniapp小程序与webview通信(一)
小程序webView中嵌套H5页面,难免会遇到小程序与h5页面进行数据通信或交互的场景。原创 2022-08-09 15:56:01 · 5896 阅读 · 0 评论 -
vue 腾讯地图展示用户定位附近的门店
本需求主要是获取用户当前定位,并将定位返回的经纬度坐标请求到后端接口,后端返回距离用户最近的门店,并且前端把门店标记在地图上。原创 2022-07-27 15:39:34 · 1822 阅读 · 0 评论 -
从零搭建SSR+VUE框架(附源码)
前言此文章从0开始搭建一个简易的ssr框架,需要有一定的ssr基础,用的是vue2.0,文末有GitHub源码地址1.新建一个vue项目vue init webpack my-ssr2.找到项目中router/index.js文件,修改如下import Vue from "vue";import Router from "vue-router";import HelloWorld from "@/components/HelloWorld";Vue.use(Router);// 通过$原创 2021-09-24 16:41:11 · 1631 阅读 · 1 评论 -
css: deep深度作用选择器
前言当<style>标签有scoped属性时,它的 CSS 只作用于当前组件中的元素,不会影响到子组件(非根结点)的样式。使用scoped后,父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件有作用域的 CSS 和子组件有作用域的 CSS 的影响。这样设计是为了让父组件可以从布局的角度出发,调整其子组件根元素的样式。原理在编译组件的时候,如果当前组件内style标签上有scoped属性,那么会在当前所有标签上添加一个【data-v-hash】...原创 2021-03-05 09:25:06 · 38424 阅读 · 2 评论 -
vue: table制作发货单表格并打印
最近做了个库存管理系统,产品经理要求前端页面展示表格内容,并且打印。首先是vue文件,(无需安装任何依赖,复制粘贴可用)<template> <div class="my-multi-table"> <div class="button_group"> <el-button type="primary" @click="editSend">编辑</el-button> <el-button t原创 2021-03-03 17:17:16 · 4355 阅读 · 3 评论 -
uni-app 图片上传组件 canvas压缩
前段时间刚入坑uni-app,就被分配到做图片上传的组件地位卑微,只能肝,先看看效果图单张图片上传多张图片上传点击图片的效果上代码:<template> <view class="uploadImage" :class="styleClass"> <view class="list-box" :class="onePicClass" :style="{ minHeight: height + 'rpx'}"> <vi原创 2020-08-31 15:56:16 · 1765 阅读 · 0 评论 -
Vue-demo(二)仿微博的发布和删除
用一个简单的微博demo实现Vue对html标签的插入和删除:首先是一些简单的CSS样式: <style> *{ margin: 0; padding: 0; } #box{ padding: 0 100px; margin-top: 30px; } ul{ margin-top: 30px; } li{ background: #ddd...原创 2018-08-08 11:01:52 · 2059 阅读 · 2 评论 -
Vue-demo(一)实现商品列表的展示
Vue实现商品列表的展示是一个比较简单的入门demo,下面是具体的实现:简单CSS样式:<style> #box ul{ display: flex; flex-wrap: wrap; } #box li{ padding: 3px; list-style: none; margin-right: 15px; border: 1px solid ...原创 2018-08-08 09:33:56 · 28022 阅读 · 2 评论 -
Vue的安装步骤
在一个英文目录下,新建一个文件夹(以myvue为例,不能命名为vue)在myvue文件夹下,shift+鼠标右键打开命令行1.安装webpacknpm init -ynpm install webpack --save-devnpm install webpack-cli --save-dev2.安装vuenpm install vuenpm install vue...原创 2018-08-10 23:59:38 · 211 阅读 · 0 评论