
vue学习
文章平均质量分 55
夜听雪SAMA
这个作者很懒,什么都没留下…
展开
-
Vue中Watch侦听器的简单用法
之前做过关于数据不是定值,而是由其他数据计算而得来的页面。以前学艺不精,只会一些Vue的简单用法,所以之前都是用的methods方法,在输入框上绑定input或者change事件,输入数据时,修改结果的效果,来达到数据动态由其他数据计算得来的。...原创 2020-04-29 11:28:23 · 639 阅读 · 1 评论 -
Vue使用 v-bind 绑定 class
有时候class类要根据数据的不同来切换样式,可以使用v-bind绑定class,class类可以是对象,也可以是数组。操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用v-bind处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将v-bind用于class和style时,Vue.js 做了专门...原创 2020-03-04 17:56:40 · 413 阅读 · 0 评论 -
vue 中使用 v-model 绑定单选按钮和复选按钮
单选框和复选框可以直接使用 v-model 绑定到 data 中的数据选中的按钮的 value 值,复选按钮是多个值,用数组来存储<div> <span>单选按钮值: {{ radio }}</span> <br> <span>复选按钮值: {{ checkbox }}</span><...原创 2020-03-03 11:32:01 · 1686 阅读 · 0 评论 -
11.Vue中使用Ajax获取数据后界面未更新,使用$forceUpdate()强制更新
有个页面在加载后要从后台获取数据,然后显示不过好像是数据层次有点多?像下面这样,获取的数据放在details里面,然后页面上对应的数据没有显示res:[ { name:'tom', age:10, details:[ { name:'jerry' } ] }]但是在 Vue Devtools 里面数据是...原创 2019-12-25 16:17:50 · 800 阅读 · 0 评论 -
07.vue过滤器 filters 简单格式化日期
之前在从数据库取数据时,有一条日期信息,直接取过来是一长串的之前看 vue 文档时了解一点过滤器,正好借这个日期试一下filters: { // 格式化时间 time: function (value) { let sDate = value.substr(0,10); let sTime = value.substr(11,8); value = s...原创 2019-11-28 11:35:30 · 261 阅读 · 0 评论 -
05.简单radio样式的美化
有个登录界面需要用到单选按钮,写好单选按钮以后,顿时感觉不好了,感觉好蠢啊然后就想着换一下样式,这样看起来会好看一点,下面是效果图下面是HTML<div class="radio-outer"> <label class="radio-group relative"> <input type="radio" name="lis...原创 2019-11-21 15:03:15 · 772 阅读 · 0 评论 -
03.axios 发送请求,后端返回文件数据流,保存为本地文件
刚开始拿到这个项目时,对这个文件下载不太清楚,接口传入的是文件的id值然后我弄了个简单文件试了一下,返回的是文件内容本来后面打算试试有没有js保存为文件的方法,然后想到文本格式返回的是文件内容,那pdf和其他的文档返回的是啥呢于是又弄了一个pdf试一下,然后结果就是下面这个样子了然后就去网上搜了一下关于这种返回保存文件的方式一种是IE浏览器下的,用的谷歌浏览器,就没有用...原创 2019-11-17 17:24:15 · 2952 阅读 · 0 评论 -
02.Sql查询时and和or的结合使用
今天在改sql查询时,把查询判断一个数据是否大于0,改为判断这个数据是否大于0或者另一个数据是否大于0然后就在 A.col1 > 0 后面加了 or A.col2 > 0然后查询结果出来,好像没什么不对后面换了个数据库又执行了这条sql语句,查询结果出来一大堆查了这个表的数据,发现符合条件的就那么几条,于是把之前刚加的or A,col2 > 0 先去掉,又去查了...原创 2019-11-15 11:32:58 · 361 阅读 · 0 评论 -
vue组件引用另一个组件出现组件不显示的问题
下载的一个vue构建的后台管理系统,导航栏是一个侧边栏,想在头部里面加一个导航先是导入要使用的组件import Hamburger from '@/components/Hamburger'import Nav from '@/components/Nav/index.vue' //自己新建的然后在 components 里面写入该组件components: { Ha...原创 2019-11-14 14:36:15 · 15908 阅读 · 6 评论