vue.js
vue
JasonJust.
这个作者很懒,什么都没留下…
展开
-
通用组件库
vue中创建并使用通用组件库原创 2023-03-02 16:45:51 · 258 阅读 · 0 评论 -
vue中使用echarts(含自适应监听及移除)
echarts自适应的监听及移除原创 2022-07-22 17:53:56 · 1481 阅读 · 0 评论 -
Vue-实现商品放大镜效果
PC端逛淘宝点进商品详情,鼠标挪到图片上右侧可见鼠标所到处细节放大,现在来掰扯掰扯↓↓↓↓↓↓效果图:步骤解析:1、创建一个大盒子,里面放左右两个大小相同的盒子2、左边放入图片、鼠标遮罩层和图片遮罩层,右边放入图片3、写样式,左边:图片遮罩层和图片大小一样大,右边:图片给其大小超过左边图片,超出右边容器的部分隐藏,具体样式见底部4、功能实现HTML:js:代码自提处:js:<script>export default { name: 'TheHome', d原创 2021-10-09 15:45:33 · 681 阅读 · 0 评论 -
新手学vue-router入过的坑
路由跳转,出现子组件不能展示的问题:原因:1)创建VueRouter对象时,routes关键字一定不能写错。2)component,是component别多加一个s3)导出的对象不要弄错了4)*记住所有要用到的都要先导入...原创 2020-12-06 21:39:33 · 94 阅读 · 0 评论 -
vue.js实现文字跑马灯效果
看着动态文字高大上,实际操作起来上手也简单,话不多说,多练习就会了。启动按钮代码如下:停止按钮代码如下:总结:没有做不到,只有想不到,嘿嘿。...原创 2020-04-13 12:52:18 · 799 阅读 · 2 评论 -
vue的基本使用之一v-on
v-on:是vue提供的事件绑定机制。例:直接在绑定事件里写js代码会被默认为变量从而报错,正确写法如下:注:此处look为方法。原创 2020-03-17 20:51:37 · 93 阅读 · 0 评论 -
vue的基本使用之一:v-bind
v-bind:是vue中提供的用于绑定属性的指令,v-bind可简写为“:”加绑定属性v-bind中可写合法的js表达式例如:v-bind:title=“mess+‘123’”(mess被识别为变量,123为添加的表达式)...原创 2020-03-16 14:57:06 · 105 阅读 · 0 评论 -
vue的基本使用之一解决插值表达式闪烁问题
首先引用vue,v-cloak和v-text都能解决插值表达式闪烁问题,但是身为两者,还是有一定的区别。v-cloak能够解决插值表达式闪烁问题,但是它要设置属性[display:none];v-text是默认没有闪烁问题的,这是区别之一。其二v-cloak可在前后放任意内容,而v-text会覆盖元素中原有的内容,插值表达式只会替换自己的占位符,不会把元素内容清空。注:v-html能渲染标签...原创 2020-03-15 20:14:08 · 367 阅读 · 0 评论 -
父子组件通信-父传子(props)
关于父子组件通信(props):首先该有父组件=>其次该有子组件=>然后在父组件内注册子组件=>通过props和v-bind将父子组件之间的通信建立起来=>最后就能看到父组件的数据展示在了子组件上代码如下:...原创 2021-03-01 11:40:11 · 432 阅读 · 0 评论