weixin_43900888的博客

vue中，当button的@click函数传递data中数据作为函数参数时，不可使用this.xxx，因为此时this指向button自身，而不是数据。例如，下列为错误示范：<el-button type="primary" round @click="exchange(this.tableDatae)">兑换</el-button>export default{data(){ return { tableData:'k' } }}正确示范：&l

载入图片目录路径如下起初，我将路径这样写<el-image :src="/src/assets/3.jpg"></el-image>但图片加载失败应改为<el-image :src="require('@/assets/3.jpg')"></el-image>图片加载成功

想设置某一页的背景图片，其他页不受影响。起初，我在style中设置<style>body{ background-image: url("../assets/bg5.jpg"); background-size: cover; background-repeat: no-repeat;}</style>但会使其他页面被影响，导致所有页面都有这个背景图片。解决方法： mounted() { document.querySelector('body'

使用router-link链接的文字，默认为蓝色并带下划线，很不好看。解决方法：在<style scoped></style>中添加样式：<style scoped>.router-link-active { text-decoration: none; color: yellow;}a{ text-decoration: none; color: white;}</style>a指文字不带下划线且为白色，router-l

vue网页中显示数据库中datetime类型数据时，没有显示为年-月-日 时：分：秒的标准格式，而是显示为时间戳，与我们的要求不一致。我们需要使用moment进行转换1.安装momentnpm install moment --save2.在需要格式转换的vue页面中引入momentimport moment from 'moment'3.在 export default中添加filter过滤器和时间转换函数filters:{ dateForm:function (el) {

1、修改App.vue<template>　　　　<div id="app">　　　　　　<router-view v-if="isRouterAlive"></router-view>　　　　</div>　　</template><script>　　export default {　　　　name: "app",　　　　provide() {　　　　　　return {　　　　　　　　reload:

wxml<view class="bt"></view>wxss.bt{ /*关于背景图片的设置*/ background-image:url('')/*图片地址*/ background-size: 100% 100%;/*图片显示大小*/ background-repeat:no-repeat;/*是否重复多个*/ background-position: center;/*图片位置*/}...

在我先前的博文 微信小程序提交表单中，使用了form bindsubmit提交，这也是一种比较常见的方式，但是，在部分安卓真机上会出现获取不到表单内容的情况。遇到这种情况，可以换成bindinput方式,不再使用form，给input标签加上bindinput属性，在js中通过e.detail.value获取input框中的值先放效果wxml<view class="modify-form"> <view class="label-list">

1.效果图如下，点击播放按钮后，光碟转动，播放按钮变为暂停按钮；播放中点击暂停，光碟复位，暂停按钮恢复为播放按钮。本文仅提供样式布局，按钮响应不作介绍2.样式布局代码wxml:<view class="page_music"> <view class='icon {{isPlay?"rotateAu":""}}'> </view> <view class="tools"> <view class="la

先看效果身份选择使用了picker具体代码：form.wxml<view class="modify-form"><form bindsubmit='getForm'> <view class="label-list"> <view class="label">姓名</view> <view class="input-box"> <input placehold

页面由page1跳转到page2，携带systemName的值，则page1.js//页面跳转函数data:{ index:'hello'}system:function(e){ wx.navigateTo({ url: '/pages/page2/page2?systemName='+index, success: function(res) { } }) },page2.jsda

1.写了一个提交表单，input文字贴近左侧，很不好看原wxml：<view class="label-list"> <view class="label">所在公司/学校</view> <input placeholder="请输入您的公司/学校" value="{{school}}" placeholder-class="place" name='school'/> </view>原wxss：