vue
a_little xixi
随心更。喜欢最好
展开
-
文字超出几行...展开效果
最近工作上遇到个文字超出几行… 展开的效果,一时不知道怎么做。后来有同事发现了heyUI有这样的组件,立马去他源码学习了一波。可参考源版HeyUI,本人只是借鉴hey UI官网 最终效果如下 展开后如下图 组件 <template> <div class="text-ellipsis"> <span :content="text"> <span class="text-ellipsis-limit-text" :key="keyIndex原创 2021-12-18 19:29:47 · 335 阅读 · 0 评论 -
基于vue的自动搜索框
代码比较简单,就复制上了,没有设置css。样子很原生!哈哈哈 , &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt原创 2018-12-14 21:07:44 · 4151 阅读 · 0 评论 -
微信小程序指令和vue指令的一些区别
最近自己看了些小程序的demo,自己总结了点内容。 1、动态绑定class的 vue利用v-bind绑定或者简写成 &amp;amp;amp;lt;div :class=&amp;amp;quot;[classA, { classB: isB, classC: isC }]&amp;amp;quot;&amp;amp;amp;gt; 微信小程序,利用三目运算符来判断是否含有这个class &amp;amp;amp;lt;vie原创 2019-01-04 18:33:03 · 1559 阅读 · 0 评论 -
vue-cli中使用less,局部使用以及全局一次性引用
第一步 安装 此处我使用的是cnpm安装,并记录到devDependencies中,因为这是我们在开发中使用的而非在生产中使用,所以就不将之记录在 dependencies 中。 cnpm install less less-loader --save-dev 第二步 在单文件组件引用 在style标签中加入lang='less’就可以。 &amp;lt;template&amp;gt; &amp;lt;div...原创 2019-01-12 17:23:21 · 2737 阅读 · 0 评论 -
在vue-cli中使用swiper
1、安装swiper cnpm install swiper --save-dev 2、根据api使用相应的swiper特效 注意,一般都是安装的最新版的,可以在package.json中看下,再查看相应的api操作,我下载下来的是"swiper": "^4.4.6" 我是哪个需要组件需要swiper,就在哪个组件单独引入的。尝试了整体在main.js或者App.vue中全局引入,但是没有成功,...原创 2019-01-18 16:32:13 · 3076 阅读 · 0 评论