![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
jjy8040
这个作者很懒,什么都没留下…
展开
-
自定义右键菜单组件
自定义右键菜单组件原创 2022-08-09 16:24:23 · 483 阅读 · 1 评论 -
vue3使用getCurrentInstance线上环境报错问题
vue3使用getCurrentInstance线上环境报错问题原创 2022-06-08 10:57:38 · 4341 阅读 · 0 评论 -
vite+vue3+ts+element-plus项目搭建
一.vite+vue3+ts初始化使用vite初始化,初始化过程选择vue-ts,这样就能引入ts,后面不用额外对他进行加入npm init vite@latest二.安装node依赖npm i --save-dev @types/node// 引入node模块// tsconfig.json{ "compilerOptions": { ...(省略配置) "types": ["node"] }, "include": ...(省略配置)}// 配置@别名i原创 2021-12-30 12:36:50 · 948 阅读 · 0 评论 -
vite+vue3+element-plus项目搭建
一.建立vite+vue3项目npm 7+, 需要额外的双横线:npm init vite@latest my-vue-app -- --template vue二.修改项目配置三.安装vue路由最好安装最新版,否则运行会报错npm install vue-router@next --save四.安装状态管理vuex最好安装最新版,否则运行会报错npm install vuex@next --save五.sass安装npm install sass -D六.按照elem原创 2021-12-29 18:05:50 · 1155 阅读 · 0 评论 -
vue+webpack引用外部js插件
1.引入js文件为自定义文件1、自定义公共JavaScript函数 util.js ,最后要使用 export {funcName} 的形式导出需要的函数function fun1(){ //...}function fun2(){ //...}//导出声明的公共函数export { fun1} 2、vue模板组件中使用引用的外部js函数,使用 import {} from ‘…/js/path’ 引用导出的js函数,方法中直接使用即可<script>impo原创 2020-07-20 16:22:41 · 1801 阅读 · 0 评论 -
使用vuepress搭建文档类网站
vuepress官网:https://vuepress.vuejs.org/zh/参考链接:https://segmentfault.com/a/1190000017055963安装1.全局安装# 安装yarn global add vuepress # 或者:npm install -g vuepress# 创建项目目录mkdir vuepress-starter &&a...原创 2020-03-30 11:37:37 · 395 阅读 · 0 评论 -
vue设置根节点font-size实现rem适配移动端设备
在App.js文件下:mounted() { this.$nextTick(function() { // 适配不同屏幕,改变根font-size值 if (document.documentElement.clientWidth <= document.documentElement.clientHeight) { ...原创 2019-09-25 18:02:04 · 3456 阅读 · 0 评论 -
vue+webpack+element打包上传至oss利用域名打开之后element-icons图标无法显示
利用oss生成的index.html的url地址打开图标显示没有问题,但是直接通过域名访问就无法显示图标(静态资源地址通过nginx配置转发,可以直接通过域名访问)。由于在打包之后的css文件中对于element-icons图标的引入使用的是相对路径,使用域名打开时由于域名不为项目根目录所以报错404无法找到引入的图标文件,但是该图标文件是由打包自动生成,不为在项目中直接引入的图标库,反而是在...原创 2019-07-23 11:35:00 · 551 阅读 · 0 评论 -
vue传值为空问题
vue解决组件传值异步问题:https://blog.csdn.net/qq_15243963/article/details/80134142vue父组件异步获取动态数据传递给子组件 获取不到值的问题已完美解决 附demo:https://www.jianshu.com/p/4450b63a27fe由于vue传值时数据会更新,在一些时候传递的值会出现为空的情况,且created生命周期只...转载 2019-06-18 16:58:18 · 4507 阅读 · 0 评论 -
vue唤起键盘 底部固定的标签被顶上去
https://blog.csdn.net/mokio233/article/details/88763793转载 2019-06-21 09:13:29 · 1281 阅读 · 0 评论 -
vue嵌入h5页面拍照获取照片旋转问题
在h5页面中经常会需要获取相册或者拍照上传照片,可以使用最简单的<input type="file" name="photo" accept=".jpg,.png" multiple>直接进行获取,当点击按钮时会让你进行选择是拍照还是文件选择,选择文件中的照片进行上传显示正常,但是当选择照片进行拍照时会出现拍摄的照片发生旋转问题,本来是只有ios才会出现该问题,好像是因为io...转载 2019-06-20 14:30:03 · 2594 阅读 · 0 评论 -
vue官网学习笔记(二)模板语法
插值纯HTML双大括号会将数据解释为纯文本,而非HTML。为了输出真正的HTML,需要使用v-html指令:<div v-html="rawHtml"></div>被插入的内容都会被当做HTML——数据绑定会被忽略。注意,不能使用v-html来复合局部模板,因为Vue不是基于字符串的模板引擎。组件更适合担任UI重用与复合的基本单元。属性Mustac...原创 2019-01-23 16:09:50 · 156 阅读 · 0 评论 -
vue官网学习笔记(三)计算属性和侦听器
计算属性模板中的复杂逻辑可以使用计算属性#基础例子<div id="example"> <p>Original message:"{{ message }}"</p> <p>Computed reversed message:"{{ reversedMessage }}"</p>原创 2019-03-12 22:34:09 · 103 阅读 · 0 评论 -
vue官网学习笔记(四)Class 与 Style 绑定
绑定HTML Class#对象语法我们可以传给v-bind:class一个对象,以动态地切换css:1.单个csshtml:<div v-bind:class="{ active: isActive }"></div>js:data: { isActive :true}渲染结果:<div class="active">...原创 2019-03-27 22:48:26 · 167 阅读 · 0 评论 -
vue官网学习笔记(五)条件渲染
v-ifv-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回truthy值的时候被渲染。<h1 v-if="awesome">Vue is awesome!</h1>也可以用v-else添加一个"else块":<h1 v-if="awesome">Vue is awesome!</h1><h1 v-else...原创 2019-03-28 22:38:21 · 357 阅读 · 0 评论 -
vue官网学习笔记(八)表单输入绑定
基础用法你可以用 v-model 指令在表单 <input> 、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它是负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。注意:v-model 会忽略所有表单元素的 valu...原创 2019-04-15 21:59:26 · 216 阅读 · 0 评论 -
vue官网学习笔记(六)列表渲染
用v-for把一个数组对应为一组元素我们用v-for指令根据一组数据的选项列表进行渲染。v-for指令需要使用item in items形式的特殊语法,items是源数据数组并且item是数组元素迭代的别名。html:<ul id="example-1"> <li v-for="item in items"> {{ item.messag...原创 2019-04-14 18:00:37 · 166 阅读 · 0 评论 -
vue官网学习笔记(九)组件基础
基本示例这里有一个Vue组件的示例:// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:cli...原创 2019-04-17 21:38:20 · 1662 阅读 · 2 评论 -
vue官网学习笔记(七)事件处理
监听事件可以用v-on指令监听DOM事件,并在触发时运行一些JavaScript代码。示例:<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ count...原创 2019-04-15 13:22:52 · 239 阅读 · 0 评论 -
vue图片引入问题
在一些时候我们需要在方法中判断是否显示默认的本地图片,这时图片直接在方法中写入会无法显示,建议先使用import将图片地址引入,再将该变量赋值给src对应的变量。错误:<img :src="userPic" />computed: { userPic() { if(this.evaluateList.length != 0){ return th...原创 2019-06-19 09:28:13 · 1138 阅读 · 0 评论 -
vue官网学习笔记(一)介绍
vue.js是一套构建用户界面的渐进式框架,采用自底向上增量开发的设计。Vue的核心库只关注图层。声明式渲染运用简洁的模板语法来声明式地将数据渲染进DOM系统:<div id="app"> {{message}}</div>var app = new Vue({ el:'#app', data:{ message:...原创 2019-01-22 22:17:56 · 222 阅读 · 0 评论