vue
AspNetSunny
本人性格开朗 活泼 做事严谨 认真踏实 欢迎朋友们来访
展开
-
Vue&JS 文字逐个出现
Vue&JS 文字逐个出现实现方式:开始文字设置为空 ,然后通过添加定时器截取content字符串来实现原创 2022-05-27 10:51:06 · 3932 阅读 · 0 评论 -
CSS3 连续向下循环播放动画
向下动画是在animate.css的基础上进行修改的@keyframes fadeInDown { from { opacity: 0.7; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0,原创 2022-05-27 10:29:21 · 1135 阅读 · 0 评论 -
Uncaught SyntaxError:Unexpected token
Android 5.0以下低版本浏览器中打开报错当使用引入vuejs的方式时在低版本的手机中报Uncaught SyntaxError:Unexpected token 错误解决方案:var vue = new Vue({ el: "#app", methods: { //错误的函数写法 在低版本中不支持 userinvest() { }, //正确的写法 userinve原创 2021-05-14 11:49:26 · 1177 阅读 · 1 评论 -
2021-03-11:swiper 中实现每页显示多条遇到的问题总结
想要实现这种左右留一点的效果:主要样式:/* swiper的宽高设置为内容区域的宽高 */.swiper-slide { width: 660px !important; height: 508px !important; }/*内容区域宽高一定要设置为100% ,否则的话就不能实现这种显示效果了 样式之前设置成px的时候 然后一直就只能显示一个 愁死我了 */ .swiper_item { width: 100%; hei原创 2021-03-11 17:58:39 · 688 阅读 · 0 评论 -
vue-awesome-swiper vertical loop 不生效
vue-awesome-swiper vertical loop 不生效划重点:listData.length > 0划重点:listData.length > 0当数据加载完了 再进行绑定<div v-if="listData.length > 0" class="so-inner"> <swiper :options="swiperOp...原创 2020-03-26 17:25:58 · 639 阅读 · 0 评论 -
HTML5网页播放pcm语音流 VUE JS播放pcm语音流
将下面的组件文件直接放到我们的vue项目中运行即可看到效果<template> <div> <!-- 播放pcm格式语音 --> <section v-if="duration != '0'" @click="playVoice" class="qj_audio"> <span class="voice-n...原创 2020-02-28 16:28:14 · 7067 阅读 · 3 评论 -
Vue $set 视图同步更新
问题描述:更改数组后 视图未刷新。this.$set 同步视图更新Vue.set( target, propertyName/index, value )this.subject_list[this.ins].proSel = $event[0];this.subject_list[this.ins].goods = $event[1];this.$set(this.subj...原创 2019-06-17 15:05:21 · 526 阅读 · 0 评论 -
Vue input checkbox 全选反选
首先在终端中安装jquerynpm i jquery --save<div class="container mt-3"> <p> <label><input type="checkbox" @click="ckb" />全选反选</label>原创 2018-09-04 17:29:52 · 805 阅读 · 0 评论 -
Vue v-for循环的时候更改 class的样式名称
在v-bind:class上绑定索引函数<div v-for="(shop,index) in shoplist" style="max-width: 20rem;" v-bind:class="calculate(index)">calculate(index) 此处必须添加index参数data(){ return{ ...原创 2018-09-04 17:01:36 · 5720 阅读 · 0 评论 -
vue expose-loader 引入jQuery Error in created hook: "ReferenceError: $ is not defined"
解决方案 : main.js中引入import $ from 'jquery';window.jQuery = $;window.$ = $;原创 2017-12-07 10:22:40 · 17248 阅读 · 1 评论 -
webpack 更改默认host port 端口 webpack-dev-server
在webpack.config.js中编辑节点devServer: { host:’127.0.0.1’, port:8088 },原创 2017-11-25 14:46:32 · 26564 阅读 · 1 评论