vue
让我再睡一会吧
好好学习,天天向上,改头换面,重新做人
展开
-
【echarts转base64】Vue 将echarts转为base64图片展示
【echarts转base64】Vue将echarts转为base64图片展示。原创 2022-07-21 11:55:33 · 1376 阅读 · 0 评论 -
Vue mixin使用基础
mixin又叫混入或者混合,相当于将共性部分提取出来,不用重复多次mixin.js:// 分别暴露export const hunru = { data() { return { x: 1, y: 2 } }}部分混合:在组件中引用mixin.js<script> import { hunru } from '../mixin' export default { name: 'School', mixins原创 2022-04-14 12:30:24 · 316 阅读 · 0 评论 -
Vue props传值两种写法
示例:父组件:<template> <div> <school id="school" ref="sch" name1="SJ" address="China" /> <school id="school" ref="sch" name1="SJ1" address="China1" /> </div></template>子组件:<template> <div class="s原创 2022-04-14 10:35:10 · 1529 阅读 · 0 评论 -
Vue ref属性
vue实例代码如下:<template> <div> <h1 v-text="msg" ref="title">欢迎学习Vue</h1> <button ref="btn" @click="show">show</button> <school id="school" ref="sch"/> </div></template><script> i原创 2022-04-14 00:13:15 · 236 阅读 · 0 评论 -
Vue中的img标签对src属性使用动态绑定问题——两种方法
方法一:正常来说,一些图片的资源我们会放在src文件夹的asset文件夹中。这样的话将src属性写死是没有问题的。但是如果想使用动态绑定就需要在根目录的public文件夹下新建一个static文件夹用来存储静态文件。这样就可以直接访问到了。<img :src="'/static/' + item.label.split(' ')[0].toLowerCase() + '.png'" :alt="item.label" style="width: 100%; height: 100原创 2022-04-13 16:47:45 · 11050 阅读 · 2 评论