通过在需要刷新的元素或子组件上设置key 属性，在需要刷新时，就更改该属性的值。例如
<!-- template -->
<div>
<button v-on:click="changedivkey">Update Canvas</button>
<canvas :key="divkey"></canvas>
</div>
// <script>
export default {
data() {
return {
divkey: 0
}
},
methods: {
changedivkey() {
this.key += 1
}
}
可以使用标准的 <img> 元素的 onload 和 onerror 事件。
Vue.js 代码中，也可以在<img> 元素上使用 @load 来绑定图像加载完成后要执行的方法，使用 @error 来绑定图像加载出错时要执行的方法。
原始白色背景图片是这样的
希望处理后，爱心外面和里面的白色背景都变成透明的，像这样
代码
import PIL.Image as Image
img_file = 'C:\\Pictures\\爱心.png'
output_file = 'C:\\Pictures\\爱心透明背景.png'
img = Image.open(img_file)
img = img.convert('RGBA')
W, H = img.size
white_pixel = (255, 255, 255, 255)
for h in range(H):
for w in range(W):
if img.getpixel((w,h)) == white_pixel:
img.putpixel((w,h),(255,255,255,0))
img.save(output_file)
从 https://github.com/vuejs/vue-devtools/ 下载Vue DevTools master 版本。
cnpm i
cnpm run build
打开Chrome，在地址栏输入chrome://extensions/ 或 “菜单->更多工具->扩展程序”，进入扩展程序页面，然后点击右上角打开“开发者模式”，再点击“加载已解压的应用程序”，选择vue-devtools-master\shells\chrome 目录加载。
使用时，在Chrome浏览器打开开发中的Vue 页面，F12，会出现Vue 选项卡，点击左边的组件树可以在右边检查数据。
Quasar 框架使用<q-form> 组合<q-input> ，在<q-form> 中使用@submit 、@reset 指定监听submit 、reset等事件的方法，然后再用<q-btn> 添加type=”submit”、type=”reset” 等按钮，点击按钮后，会调用<q-form> 中指定的对应事件的方法。每个<q-input> 通过v-model 绑定到Vue中的某个数据(除type=”file”时外)，通过type=”textarea” (默认type为text，可取值为 password、textarea、email、search、tel、file、number、url、time、date)设置需要的输入类型。
Script中，可以将需要通过表单提交的数据都绑定data 上，提交的方法名称须与<q-form> 的@submit 中指定的方法名称相同，在此方法中将表单数据组合成查询字符串，接到查询网址后面，通过 axios 的get 方法直接提交即可。
© 2020 Q Cloud By Qi. All Rights Reserved 冀ICP备20003377号-1 
冀公网安备 13010402001886号
